jQuery - '.on'和':first'

Question

是否可以使用:first,并:last选择与jQuery的选择上？

我希望每个列表项中的第一个链接触发警报.但是,目前只有第一个链接触发它.

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/

正如医生所说

:第一个伪类相当于:eq(0).它也可以写成:lt(1).

虽然这只匹配一个元素,但是:first-child可以匹配多个:每个父元素一个.

:first将仅匹配一个元素,首先匹配选定的元素集.哪里:first-child可以找到the first child你想要的每个父母的一个().

Doc :first和:first-child