此篇文章記錄常見的遍歷和新增方法,例子可檢視官方文件
父級
$(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...