parent():返回所选元素的直接父级元素。
parents():返回所选元素的直接或间接父元素,通俗说就是祖先级(含父级)
这几个方法都可以跟参数,表示进一步限定。
比如 $("span").parent() 表示所有 span 的父元素。
而 $("span").parent("div") 表示所有 span 的父元素中,筛选标签为 div 的父元素。
注意:parent() 返回也可能是多个元素,为什么呢?因为 $("span") 可能是多个。
children(): 方法返回被选元素的所有直接子元素。
来看一个例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
$("p").children().css({
"color": "red", "border": "2px solid red"
});//所有直接子元素变色
$("span").parent('p').css({
"color": "green"
});//所有父元素变色
$("span").parents('div').css({
"border": "2px solid green"
});//所有父元素变色
});
</script>
<style>
</style>
</head>
<body>
<div>
<p id="1">
<span>children</span>
1
</p>
<p id="2">
<span>children</span>
2
</p>
<p id="3">
<span>children</span>
3
</p>
</div>
</body>
</html>
网友回复
uniapp怎么实现修改默认picker的选中颜色和确认按钮颜色样式?
uniapp怎么实现自定义nav导航条向上滚动导航条背景变色?
js如何生成随机用户昵称?
如何解决python print输出不显示缓冲问题?
python-docx创建Word文档报错ValueError: All strings must be XML compatible: Unicode or ASCII, no NULL bytes
python如何实时监控指定目录的文件增删改操作记录?
python如何生成word文档?
uniapp如何自定义组件并且可以使用v-model双向绑定?
uniapp的subNVues如何使用?
uniapp的自定义组件component如何实现滑到底部自动加载更多和下拉刷新?