jquery插入兄弟節點的操作

2021-07-14 04:49:30 字數 758 閱讀 1651

功能:插入指定元素到父元素的第乙個位置(最左邊)

例項

$self.prepend($selectli);
解釋

self是selectli的父元素,把self放在selectli的最前面(最左邊),

移動的是selectli,

功能:插入指定元素到父元素的最後面(最右邊)

例項

$firstli.after($selectli);
解釋

把selectli放在firstli的後面(右邊),

移動的是selectli

注意:selectli和firstli 是兄弟節點

功能:獲取下乙個兄弟節點,

與之功能相反的是prev

例項

while($selectliyears>firstliyears)
解釋

獲取下乙個兄弟節點

例項

var

$selectli=$self.find('li:nth-child('+(srcindex)+')');

var$firstli=$self.find('li:first');

$("p:nth-child(3)")

解釋

:first表示獲取第乙個元素,

:last表示獲取最後乙個元素,

nth-child(2)表示獲取第2個元素

參考:

jQuery父 子 兄弟節點

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

jquery 插入兄弟元素

1 after方法 在匹配元素集合中的每個元素的 後面 插入引數所指定的內容,作為其兄弟節點 引數型別說明 1 普通字串 可包含各種html標籤 div after html字串 2 jquery物件 使用 函式建立的新元素 jquery物件 使用 函式獲取頁面中已經有的元素 jquery物件 此時...

JQuery的父 子 兄弟節點查詢

jquery的父 子 兄弟節點查詢,節點的子節點迴圈 jquery.parent expr 找父元素 jquery.parents expr 找到所有祖先元素,不限於父元素 jquery.children expr 查詢所有子元素,只會找到直接的孩子節點,不會返回所有子孫 jquery.conten...