jquery - jQuery - 「.on」および「:first」

Question

jQuery の on セレクターで:firstandセレクターを使用することは可能ですか?:last

各リスト項目の最初のリンクでアラートをトリガーしたい。ただし、現時点では、最初のリンクのみがトリガーされます。

JavaScript コード:

<script type="text/javascript">
    $(document).ready( function(){
        $('ul').on("click", "li a:first", function(event) {
            alert("test");
        });
    }
</script>

そしてHTML：

<ul>
    <li>
        <a href="#">Trigger</a>
        <a href="#">Don't Trigger</a>
    </li>
    <li>
        <a href="#">Trigger</a>
        <a href="#">Don't Trigger</a>
    </li>
</ul>

デモ: http://jsfiddle.net/pjgalbraith/tuJnv/

Answer 1

:first-child代わりに使用

$('ul').on("click", "li a:first-child", function(event) {
    alert("test");
});

デモ: http://jsfiddle.net/joycse06/tuJnv/1/

ドクターが言うように

:first 疑似クラスは :eq(0) と同等です。:lt(1) と書くこともできます。

これは 1 つの要素のみに一致しますが、:first-child は複数の要素に一致する可能性があります: 親ごとに 1 つです。

:first最初に選択した要素のセットで、1 つの要素のみに一致します。あなたが望むものである各親に対して:first-childone( ) を見つける場所。the first child

ドックオン:firstアンドアンド:first-child

Answer 2

に変更:firstし:first-childます。

<script type="text/javascript"> 
    $(document).ready( function(){ 
        $('ul').on("click", "li a:first-child", function(event) { 
            alert("test"); 
        }); 
    } 
</script> 

Fiddle 上のコードの場所: http://jsfiddle.net/tuJnv/3/。

Answer 3

たとえば、次のように実行できます- http://jsfiddle.net/tuJnv/7/