Jquery的parent,parents与children

 

 
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。

parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。

 

例子：
<div id="div1">
  <div id="div2">hello</div>
  <div id="div3">
  <p>
           <a href="#">tonsh</a>
 </p>
  </div>
</div>
$(”a”).parent()                       将会得到父对象<p>
$(”a”).parents()                      得到父对象为<p><div3><div1>
$(”a”).parents().filter(”div”)      将得到<div3><div1>,还可以写成$(”a”).parents(”div”)。

要得到<div2>的内容该怎么办？            $("a").parents("div:eq(1)").children("div:eq(0)").html()

 

其中eq为索引值。

那么$("a").parents("div:eq(1)")表示<div1>

则children("div:eq(0)")表示<div1>的第1个子元素，即<div2>。

 

一定要仔细仔细再仔细。

 

参考文档：http://ekenfire.blog.163.com/blog/static/118429152200910250124925/