摘要:功能:插入指定元素到父元素的第一個位置(最左邊)實例$self.prepend($SELECTLi);解釋 self是SELECTLi的父元素,把self放在SELECTLi的最前面(最左邊),移動的是SELECTLi,append功能:插入指定元素到父元素的最后面(最右邊)after實例$firstLi.after($SELECTLi);解釋把SELECTLi放在firstLi的后面(
功能:插入指定元素到父元素的第一個位置(最左邊)
實例
$self.prepend($SELECTLi);
解釋
self是SELECTLi的父元素,把self放在SELECTLi的最前面(最左邊),
移動的是SELECTLi,
append
功能:插入指定元素到父元素的最后面(最右邊)
after
實例
$firstLi.after($SELECTLi);
解釋
把SELECTLi放在firstLi的后面(右邊),
移動的是SELECTLi
注意:SELECTLi和firstLi 是兄弟節(jié)點
next
功能:獲取下一個兄弟節(jié)點,
與之功能相反的是prev
實例
while($SELECTLiYears>firstLiYears){ $firstLi=$firstLi.next(); hasExpandClicked=true; firstLiYears=$firstLi.data('years'); }
解釋
獲取下一個兄弟節(jié)點
獲取指定索引的子元素
實例
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插入兄弟節(jié)點的操作方法請關注PHP中文網(ipnx.cn)其他文章!