jqueryを使って同じクラス名の要素を見つける方法

Question

私はコンテナを持っていて、その中にいくつかのアンカータグがあります。これらのアンカータグは同じクラス名を持ちます。今度はクラス名ですべてのアンカータグを取得し、コンテナ内でclickMeと言うことができます。それらにのみプラグインを適用します。ここ

は、私がここで

<div class="container"> 
    <a href="#" class="button" rel="btn1">Task box 1</a><br /> 
    <a href="#" class="button" rel="btn2">Task box 2</a><br /> 
    <a href="#" class="button" rel="btn3">Task box 3</a><br /> 
    <a href="#" class="button" rel="btn4">Task box 4</a><br /> 
    </div> 

EDIT

持っているものである私のプラグインのコードが

ある

(function() { 
$.fn.tasks = function(userOptions){ 
    this.each(function() { 
     var opts = $.extend({ 
      'speed'  : 200 
     }, userOptions); 

     var ael = $(this).find('a.button'); 
     var container = $(this); //'.' + opts.container; 
     var speed = opts.speed; 
     //alert(container); 
     var backdrop = $('<div></div>').addClass('backdrop'); 
     var box = $('<div></div>').addClass('box'); 

     $(ael).click(function() { 
      //alert(speed); 
      var rel = $(this).attr(rel); 
      alert("rel"); 
      $(box).html(rel); 
      $(container).append(backdrop, box); 
      $(backdrop).animate({'opacity' : '.50'}, speed, 'linear'); 
      $(box).animate({'right' : '0'}, speed, 'linear'); 
      $(backdrop,box).css('display', 'block'); 
     }); 

     $(backdrop).click(function() { 
      closeBox(); 
     }); 

     function closeBox() { 
      $(box).animate({'right' : '-500'}, speed, 'linear', function() { 
       $(backdrop).animate({'opacity' : '.0'}, speed, 'linear', function() { 
        $(backdrop,box).css('display', 'none'); 
       }); 
      }); 
     } 
    }); 
} 
}(jQuery)) 

Answer 1

私が正しくあなたの質問を理解してきたと仮定すると、それはこのような単純なのです。

$(".container a.clickMe").yourPlugin(); 

.container - クラス「コンテナ」

a.clickMeを持つ要素を検索します - クラス「clickMe」（あなたの質問にコメントで述べたように）あなたはおそらく開始する必要があり

とa要素が読んでいる.containerの子孫を検索しますjQuery documentation、これは基本的に基本的なものです。

編集（コメントを参照してください）あなたのプラグインで

、thisが最も可能性の高いマッチした要素の集合を指します。そのため、eachを使用してthisを反復処理し、そして子孫a要素を取得するためにfindを使用することができます。コンテナの使用内部の「clickMe」のクラスで唯一のアンカーを選択するには

this.each(function() { 
    var aElems = $(this).find("a.clickMe"); 
}); 

Answer 2

を：$("div.container a.clickMe")