Question

jquery中，如何点击子元素事件而不触发父元素的点击事件

<li id="aaaa"><span> aaaaaa </span><span id="bbbb">bbbbb</span></li>
如上面列子，id=aaaa 的li有一个点击事件，而 id= bbbb 的span也有个点击事件，我如何点击span的点击事件而不触发li的点击事件？谢谢大神指点

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，填充问题基础代码。

2、在index.html中的<script>标签中的bbbb的点击事件中，新增jquery代码：e.stopPropagation();。

3、浏览器运行index.html页面，此时点击“bbbb”元素，只触发了span的点击事件而不触发li的。

Answer 2

       

$("#bbbb").click(function(event){
    event.stopPropagation();//阻止事件冒泡即可
});