<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div><p>Hello</p></div>
<div class="ss"><section>
<p class="xx">Hello</p>
</section></div>
<div><p>Hello</p></div>
<div><p>Hello</p></div>
<div><p>Hello</p></div>
<div class="selected"><p><p>Hello Again</p><p>Hello Again</p><p>Hello Again</p>Hello Again</p></div>
<div class="selected"><p>Hello Again</p></div>
<div class="selected"><p>Hello Again</p></div>
<script>
//$("p").parent(".selected").css("background", "yellow");
//var a=$(".xx").parent(".ss");
console.log(a)
$(".xx").on("click",function(e){
console.log($(e.target).parents(".ss"))
})
</script>
</body>
</html>
[js demo]事件委托
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- javascript 组成部分 1.ECMAScript javascript的核心解释器 ...