jquery - jQuery点击但不是第一个孩子

Question

我有一个清单

HTML

<ul class="choices">
    <li><a href="#" data-flag="en"><img class="flag" src="/img/flag/United Kingdom.png" alt="" /></a></li>
    <li><a href="#" data-flag="de"><img class="flag" src="/img/flag/Germany.png" alt="" /></a></li>
    <li><a href="#" data-flag="es"><img class="flag" src="/img/flag/Spain.png" alt="" /></a></li>
    <li><a href="#" data-flag="fr"><img class="flag" src="/img/flag/France.png" alt="" /></a></li>
    <li><a href="#" data-flag="it"><img class="flag" src="/img/flag/Italy.png" alt="" /></a></li>
</ul>

我正在尝试在 jQuery 中编写仅允许对除第一个孩子之外的所有内容执行操作的功能

我尝试了以下但无济于事

jQuery

$('.choices li:not(:first-child) a').click(function(e){
    e.preventDefault();
    console.log("clicked");
});

有人可以帮我解决我的代码吗？

Answer 1

您可以在给定的演示链接中检查代码没有任何问题。确保你有代码$(document).ready(function(){ //your code...})；

现场演示

$('.choices li:not(:first-child) a').click(function(e){
    e.preventDefault();
    //console.log("clicked");
    alert("clicked");
});​