JQuery 獲取父級元素 同級元素 子元素等

2022-02-09 00:43:56 字數 1331 閱讀 9113

例:

<

div>

<

div

id="div_1"

>這是內容1

div>

<

div

id="div_2"

>這是內容2

div>

<

div

id="div_3"

>這是內容3

div>

<

div

id="div_4"

>這是內容4

div>

<

div

id="div_5"

>這是內容5

div>

<

div

id="div_6"

>

這是內容6

<

div

id="div_7"

>這是內容7

div>

div>

div>

獲取父級元素

var div = $("#div_7").parent();    //

獲取指定元素的所有父級元素

獲取同級元素[向後]

var div = $("#div_1").next([expr]);    //

獲取指定元素的下乙個同級元素

獲取同級元素[向上]

var div = $("div_3").prev([expr]);    //

獲取指定元素上乙個同級元素

獲取指定元素上面的所有同級元素

var div = $("#div_6").prevall();    //

獲取指定元素上面的所有同級元素

獲取指定元素後面的所有同級元素

var div = $("div_1").nextall();    //

獲取指定元素後面的所有同級元素

獲取指定元素後邊的所有同級元素,之後加上指定的元素

var div = $("#div_1").andself();    //

獲取指定元素後邊的所有同級元素,之後加上指定的元素

獲取子元素

var div1 = $("#div_6").find("#div_7");

var div2 = $("#div_6").children("#div_7");

var div3 = $("#div_6 > #div_7");

var div4 = $("#div_6 #div_7");

jquery獲取父級元素 同級元素以及子元素的方法

有檔案的結構如下 123 4 5 6781.獲取父級元素 parent 獲取td2節點的父節點即tr1,並將背景顏色的樣式改為黑色 td2 parent css background color black 另外 parent document 方法取得乙個包含著所有匹配元素的唯一父元素的元素集合。...

jquery獲取父元素子元素同級元素

一 獲取父級元素 1 parent expr 獲取指定元素的所有父級元素 href fir href sec href thr href fiv document ready function 獲取指定元素的下乙個同級元素 注意是下乙個同級元素哦 這個例子的結果是,只有list item 4背景色變...

jquery獲取父元素 同級元素 子元素

jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquery.childre...