jQueryデリゲートセレクターの問題

Question

"パネル"クラスのすべての現在および将来のdivのすべての最初のアンカータグにclickイベントを委任しようとしています。私はそのようなことをした：

$('#panel').delegate('.panels a:first', 'click', function(event) [...] 

しかし、それは動作しません。これはイベントを1つの最初の ".panels"にのみバインドします。何かヒント？

Answer 1

aの要素が最初のアンカーではなく、「パネル」div（いずれの場合には最初のアンカー）である場合を除き、これをセレクタで行うことはできません。 :first-childを使用できます）。

クリックしたアンカーがdivのの最初ののアンカーであることを確認するには、おそらくハンドラ自体にロジックを入れなければなりません。これらの線に沿って何か：

$("#panel").delegate(".panels a", "click", function() { 
    if ($(this).siblings("a").andSelf()[0] === this) { 
    // It's the first anchor in its parent 
    } 
    return false; 
}); 

Live example

siblingsとandSelf両方の保証がthisが[0]番目の要素作品であればそのチェック、ドキュメント順にjQueryオブジェクト内の配列を維持するために動作します。

Answer 2

:first-child、:firstは1つの要素のみを返します。あなたが今何をしている

は$('.panels a').get(0)

ソースに等しいです：最初に、子供は十分です：
http://api.jquery.com/first-selector/