關於jquery查找父節點的方法

使用jQuery查找父元素或父節點的方法  

2013-04-01 15:02:21|  分類： jQuery|舉報|字號 訂閱

 1、獲取父元素：

<div id="one" style="position:relative;">
  <div id="two">hello</div> 
  <div id="three" style="position:relative;">
  <p><a href="#">tonsh</a></p> 
  </div> 
</div> 

一、parent：取得一個包含着全部匹配元素的惟一父元素的元素集合。

     $("a").parent();   //獲得父對象<p>

二、parents：取得一個包含着全部匹配元素的祖先元素的元素集合（不包含根元素），能夠經過一個可選的表達式進行篩選。

    $("a").parents(「div」);    //獲得<div.3><div.1> 。
三、cloest：從元素自己開始，逐級向上級元素匹配，並返回最早匹配的元素。

    $("a").closest("div");    //獲得<div.3>

cloest()和parents()方法的主要區別以下：

      * 前者從當前元素匹配查找，後者從父元素開始匹配查找

       *前者逐級向上查找，直到發現匹配的元素後就中止了，後者一直向上查找直到根元素，而後把這些元素放進一個臨時集合中，再用給定的選擇器表達式去過濾。

       *前者返回0或者1個元素，後者可能包含0個、1個或者多個元素。

四、parentsUntil()： 用於獲取當前匹配元素集合中每一個元素的祖先元素，直至給定選擇器匹配的元素(但不包括該元素)。

    $("a").parentsUntil("#one");           //獲得的是<div.3><p>，不包括<div.1>

五、offsetParent()：用於搜索第一個匹配元素的已定位的父元素，僅對可見元素有效。

    $("a").offsetParent();              //返回<div.3>
======================================================================

2、獲取同級元素：

一、prev()，返回上一個兄弟節點，不是全部的兄弟節點。

二、prevAll()，返回全部以前的兄弟節點。

三、next(),返回下一個兄弟節點，不是全部的兄弟節點。

四、nextAll()，返回全部以後的兄弟節點。

五、siblings(),返回兄弟姐妹節點，不分先後。

======================================================================

3、獲取子元素：

1:、>：例如：$("ul > a");查找ul下的全部a標籤。

二、children():返回全部子節點，這個方法只會返回直接的孩子節點，不會返回全部的子孫節點。