Question

我有以下菜单项：

<ul class="nav nav-sidebar">
    <li><a><span></span>Category1</a>
    </li>
    <li><a><span></span>Categor2y</a>
    </li>
</ul>

我想为不同的onclick事件捕获<a>和<span>。我试过这样的话：

 $(".nav li > a").click(function(){
        //something
 });

$(".nav li > a > span").click(function(){
        //something
    });

有人可以帮助我吗？

提前致谢。

Answer 1

在document.ready中提供。它应该工作

$(document.).ready(function()
{$(".nav li > a").click(function(){
    //something
 });

$(".nav li > a > span").click(function(){
    //something
});});

Answer 2

您需要停止点击事件从span冒泡到锚点元素

$(".nav li > a").click(function () {
    //something
});

$(".nav li > a > span").click(function (e) {
    //you need to prevent the bubbling up of the event here
    e.stopPropagation();
    //something
});

Answer 3

您可以使用以下代码来区分目标并相应地处理它

$(document.).ready(function()
{$(".nav li > a").click(function(evt){

if(evt.target.tagName == "SPAN")
{
////
}

else
{
///
}

 });

}）;

<a> and <span> tags</span></a>的jquery onclick事件

3 个答案: