jQuery常见的遍历DOM操作详解-创新互联

本文实例总结了jQuery常见的遍历DOM操作。分享给大家供大家参考，具体如下：

成都网站建设哪家好，找成都创新互联！专注于网页设计、成都网站建设、微信开发、成都小程序开发、集团成都定制网站等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：成都水处理设备等众多领域，积累了大量丰富的经验，同时也获得了客户的一致赞美！

向上遍历DOM树

.parent():返回被选元素的直接父元素,该方法只会向上一级对DOM树进行遍历
.parents():返回被选元素的所有祖先元素，一直向上遍历，直到文档的根元素(html)
.parentsUntil():返回介于两个给定元素之间的所有祖先元素

<!DOCTYPE html>
<html>
<head>
<style>
.ancestors *{
display:block;
border:2px solid lightgrey;
color:lightgrey;
padding:5px;
margin:15px;
}
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script >
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div class="ancestors">
<div >div(曾祖父)
<ul>ul(祖父)
<li>li(直接父)
<span>span</span>
</li>
</ul>
</div>
<div >div(祖父)
<p>p(直接父)
<span>span</span>
</p>
</div>
</div>
</body>
</html>

本文名称：jQuery常见的遍历DOM操作详解-创新互联
当前链接：https://www.cdcxhl.com/article18/dgeigp.html

成都网站建设公司_创新互联，为您提供移动网站建设、面包屑导航、品牌网站建设、域名注册、网站设计、软件开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容