javascript - jQuery:要素がMATCHED要素の最初かどうかをテストする

Question

アラートであるいくつかの div があります。ユーザーはそれらを却下し、最後のもの (DOM の最初のもの) の後、jquery マジックをトリガーする必要があります。

簡略化された HTML を次に示します。

&lt;body>
<div class="">Bla bla bla</div>
<div class="alert">A</div>
<div class="alert">B</div>
</body>

これが私がjqueryでやろうとしていることです...

$(".alert").click( function() {

if ( $(this).is(".alert:first") ) { 
//do stuff
}

});

うまくいきません。条件は真を返しません。私がそれを機能させる唯一の方法は使用する.index()ことですが、マークアップの順序が変更されるとスクリプトが壊れてしまうため、それは最悪です。

私は何を間違っていますか？

編集：解決策は使用します.index()が、私が気づかなかった方法で可能でした。そのように使用された場合、それは一致した選択に関連しています。ありがとう！

score 6 · Accepted Answer

次のようにコーディングできます。

$(".alert").click(function() {
    if ($(".alert").index(this) == 0) {
       // 
    }
});

score 2 · Accepted Answer

代わりにこれを試してください：

if ($(this).hasClass("alert") && $(this).is(":first")) { 
  //do stuff
}

代わりに:

$(".alert").click( function() {
    if ($(".alert").index(this) == 0) { 
        //do stuff
    }
});

これが役立つことを願っています!!

score 1 · Accepted Answer

$(".alert").click( function() {

      if (this == $(".alert:first")[0] ) { 
        //do stuff 
           alert(this);
       }

});

score 0 · Accepted Answer

これを試すことができます。

$('.alert').click( function() {

if ( ($(this)[0] === $('.alert').first()[0])) { 
alert('first');
}

});

4 に答える 4