php 插入jq,jquery插入兄弟节点的操作方法

摘要：功能：插入指定元素到父元素的第一个位置(最左边)实例$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 是兄弟节点

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插入兄弟节点的操作方法请关注PHP中文网(www.php.cn)其他文章！