一、parent()方法
此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素。所取得的父元素集合也可以使用表达式进行筛选。
二、parents()方法
此方法取得一个包含着所有匹配元素的父辈元素的元素集合。所取得的父辈元素集合也可以使用表达式进行筛选
如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象。元素是按照从最近的父元素向外的顺序被返回的。.
三、Jquery中parent()和parents()实例
HTML 代码 复制
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent() //取到的是div2,div3,div4 $('p').parent('.a') //取到的是div3
$('p').parent().parent() //取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents() //取到的是div1,div2,div3,div4
$('p').parents('.a') //取到的是div3
HTML 代码 复制
<body>
<div id="one">
<div id="two">hello</div>
<div id="three">
<p>
<a href="#">tonsh</a>
</p>
</div>
</div>
$(”a”).parent() //将会得到父对象<p>
$(”a”).parents() //得到父对象为<p><div.3><div.1>
$(”a”).parents().filter(”div”) //将得到<div.3><div.1>,还可以写成$(”a”).parents(”div”)。
$(”a”).parents(”div:eq(0)”) //将得到<div.2>
var id=$("a").parents("div:eq(1)").children("div:eq(0)").html(); //如果点击<a>链接时弹出<div.2>中的内容
</body>