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...});

中的代码

<强> Live Demo

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

jQuery单击但不是第一个孩子

1 个答案: