阻止事件冒泡委托，点击子元素不触发父元素点击事件

1.小问题总结，如标题字面意思
2.html代码我就不列举，父子元素想必都清楚

$("ul[data-type='cityPick']").on('click',function(){ 
alert("父元素ul被点击"); 
}); 
$("ul[data-type='cityPick']").on('click','li',function(e){ 
e.stopPropagation();//阻止冒泡 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
alert("子元素li被点击"); 
});