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

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

7个月前248浏览0评论

功能:插入指定元素到父元素的第一个位置(最左边)

实例

$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)其他文章! 

相关标签:JavaScriptjQuery
    0推荐

      作者的热门手记