当前第2页 返回上一页
示例2：使用parent()方法获取元素的直接父元素
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.ancestors *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("span").parent("li").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="ancestors">body (曾曾祖父节点)
<div style="width:500px;">div (曾祖父节点)
<ul>ul (祖父节点)
<li>li (直接父节点)
<span>span</span>
</li>
<li>li (直接父节点)
<span>span</span>
</li>
</ul>
</div>
</body>
</html>
|
效果图：
相关免费学习推荐：javascript（视频）
以上就是jquery如何查找指定元素的父类的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
jQuery变量加$和不加$的区别是什么
jQuery出现中文乱码怎么解决
jQuery如何实现一键全选
jQuery中text()、val()和html()的区别是什么
jQuery有什么插件
jQuery weui是什么？
jQuery 判断是否汉字的方法
jQuery为什么写入口函数
jQuery收费吗？
jQuery如何判断元素是否有某个属性
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » jquery如何查找指定元素的父类
