如何仅使用ul标签而不是全部jQuery影响点击事件?

<!-- HTML -->
<ul class="wrap">
    <li>test1</li>
    <li>test2</li>
    <li>test3</li>
</ul>

我像这样尝试过jquery。但是它不起作用。
//Javascript
jQuery("ul.wrap").not(jQuery("ul > li")).click(function(){
      //fire only ul
});

我们应该怎么做?

最佳答案

事件使DOM“冒泡”到其父元素。您需要做的是将事件附加到ul上,并将另一个事件附加到使用li的子stopPropagation()元素上:

jQuery("ul.wrap")
    .on('click', function(){
        // do something...
    })
    .on('click', 'li', function(e) {
        e.stopPropagation();
    });

09-25 17:17
查看更多