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

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

功能：获取下一个兄弟节点,

与之功能相反的是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）其他文章！

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

Popular Entries