jquery之同級,父級,子級間元素的新增移除

2021-08-28 04:20:51 字數 775 閱讀 2996

此篇文章記錄常見的遍歷和新增方法,例子可檢視官方文件

父級

$(selector).parent() 找到直接父級,不包括祖先

$(selector).parents() 找到所有父級,不包括祖先

子級

$(selector).children() 找到直接孩子節點,不包括孫子

$(selector).find() 找到孩子節點,包括孫子

同級

$(selector).prev() 找到上乙個兄弟(1)

$(selector).prevall() 找到上一所有兄弟(n)

$(selector).next() 找到下乙個兄弟節點(1)

$(selector).nextall() 找到下乙個所有兄弟(n)

$(selector).siblings() 找到所有兄弟不分前後

新增刪除

在選擇器內部末尾追加

在選擇器內部開頭追加

在選擇器外之前追加

在選擇器外之後追加

insertafter:$(content).insertafter(selector)

轉殖該選擇器

$(selector).clone()

移除該選擇器

$(selector).remove()

清空選擇器裡的內容

$(selector).empty()

jQuery 定位父級 子級 同級元素

一 獲取父級元素 var parent element parent 獲取當前元素的父級元素 var parentall element parents 獲取當前元素的所有祖先元素 var close element closest selector 獲取當前元素的最近的祖先元素二 獲取子級元素 v...

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

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

jQuery父級以及同級元素查詢

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