如何仅使用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();
});