最近写代码遇到一个细节的小问题，点击子元素标签不仅触发了子元素点击事件，还会执行父元素点击事件，例如:

<li>
<a>
子元素
</a>
<i tabclose="11" >
子元素
</i>
</li>

$("i").on("click", "[tabclose]", function(e) {

e.stopPropagation();//防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。
var id = $(this).attr("tabclose");
	...
});