Question

我有ul li list，我想在点击“li”元素时触发jQuery click事件，但第一个li / first-child除外。所以假设我有以下列表：

<script type="text/javascript">
    $(document).ready(function(){
        $(".sample_list li").click(function(){
            alert("hello");
        });
    });
</script>

<ul class="sample_list">
    <li>First Child</li>
    <li>Second Child</li>
    <li>Third Child</li>
    <li>Fourth Child</li>
</ul>

现在，当我点击除第一个之外的其他li时，我应该得到警告框。我想我必须在 $（“。sample_list li”）中写一些东西，比如 $（“。sample_list li：other-child”），但不确定。请帮忙

提前致谢

Answer 1

$(".sample_list li:not(:eq(0))").click(function(){
        alert("hello");
    });

DEMO

$(".sample_list li:not(:first-child)").click(function(){
        alert("hello");
    });

DEMO

$(".sample_list li").slice(1).click(function(){
        alert("hello");
    });

DEMO

Answer 2

您可以通过多种方式执行此操作，其中之一是.not或:not ..请参阅下文，

DEMO

$(document).ready(function(){
    $(".sample_list li:not(:eq(0))").click(function(){
        alert("hello");
    });
});

或

$(document).ready(function(){
    $(".sample_list li").not(':eq(0)').click(function(){
        alert("hello");
    });
});

Answer 3

直接从JQuery selector for table cells except first/last row/column复制，

$('ul li:not(:first-child)')

没试过，但看起来你正在尝试做同样的事情。

Answer 4

<script type="text/javascript">
$(document).ready(function(){
    $(".sample_list li").click(function(){
        if (this.previousSibling != null)
            alert("hello");
    });
});
</script>

单击li时的JQuery fire click事件

4 个答案: