jQuery獲取父子同級元素

2022-07-11 17:39:07 字數 549 閱讀 6112

**:

1.獲取父級元素

$("#id").parent() //獲取其父級元素

$("#id").parents() //獲取其所有的祖先元素

$("#id").closest()//獲取其最近的祖先元素,依次上溯

2.獲取同級元素

$("#id").next(selector) //獲得匹配元素緊鄰的下乙個同胞元素。如果提供選擇器,則取回匹配該選擇器的下乙個同胞元素。

$("#id").nextall(selector) //獲得匹配元素後面的所有同胞元素,由選擇器篩選是可選的。

$("#id").prev(selector) //獲得匹配元素緊鄰的前乙個同胞元素(與next相反)

$("#id").prevall(selector) //獲得當前匹配元素前面的所有同胞元素(與nextall相反)

3.獲取子元素

$("#id").children(selector) //返回匹配元素的子元素,新增可選引數可通過選擇器進行過濾。

$("#id").find(selector) //獲得當前元素的後代

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...

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

例 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...