abstract:功能:插入指定元素到父元素的第一個(gè)位置(最左邊)實(shí)例$self.prepend($SELECTLi);解釋 self是SELECTLi的父元素,把self放在SELECTLi的最前面(最左邊),移動(dòng)的是SELECTLi,append功能:插入指定元素到父元素的最后面(最右邊)after實(shí)例$firstLi.after($SELECTLi);解釋把SELECTLi放在firstLi的后面(
功能:插入指定元素到父元素的第一個(gè)位置(最左邊)
實(shí)例
$self.prepend($SELECTLi);
解釋
self是SELECTLi的父元素,把self放在SELECTLi的最前面(最左邊),
移動(dòng)的是SELECTLi,
append
功能:插入指定元素到父元素的最后面(最右邊)
after
實(shí)例
$firstLi.after($SELECTLi);
解釋
把SELECTLi放在firstLi的后面(右邊),
移動(dòng)的是SELECTLi
注意:SELECTLi和firstLi 是兄弟節(jié)點(diǎn)
next
功能:獲取下一個(gè)兄弟節(jié)點(diǎn),
與之功能相反的是prev
實(shí)例
while($SELECTLiYears>firstLiYears){ $firstLi=$firstLi.next(); hasExpandClicked=true; firstLiYears=$firstLi.data('years'); }
解釋
獲取下一個(gè)兄弟節(jié)點(diǎn)
獲取指定索引的子元素
實(shí)例
var $SELECTLi=$self.find('li:nth-child('+(srcIndex)+')'); var $firstLi=$self.find('li:first'); $("p:nth-child(3)")
解釋
:first表示獲取第一個(gè)元素,
:last表示獲取最后一個(gè)元素,
nth-child(2)表示獲取第2個(gè)元素
更多關(guān)于jquery插入兄弟節(jié)點(diǎn)的操作方法請(qǐng)關(guān)注PHP中文網(wǎng)(ipnx.cn)其他文章!