DIV CSS 佈局教程網

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

實例

$self.prepend($selectLi);

解釋

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

移動的是selectLi,

append

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

after

實例

$firstLi.after($selectLi);

解釋

把selectLi放在firstLi的後面(右邊),

移動的是selectLi

注意：selectLi和firstLi 是兄弟節點

next

功能：獲取下一個兄弟節點,

與之功能相反的是prev

實例

while($selectLiYears>firstLiYears){
      $firstLi=$firstLi.next();
      hasExpandClicked=true;
      firstLiYears=$firstLi.data('years');
    }

解釋

獲取下一個兄弟節點

獲取指定索引的子元素

實例

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插入兄弟節點的操作方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。