当前位置：首页 > 资讯 > 技术文档

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

时间：2020-06-25 09:40 编辑：来源：阅读：
扫一扫，手机访问

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

功能：插入指定元素到父元素的第一个位置(最左边) [b]实例[/b] $self.prepend($selectLi); [b]解释 [/b] self是selectLi的父元素,把self放在selectLi的最前面(最左边), 移动的是selectLi, [b]append[/b] 功能：插入指定元素到父元素的最后面(最右边) [b]after[/b] [b]实例[/b] $firstLi.after($selectLi); [b]解释 [/b] 把selectLi放在firstLi的后面(右边), 移动的是selectLi 注意：selectLi和firstLi 是兄弟节点 [b]next[/b] 功能：获取下一个兄弟节点, 与之功能相反的是prev [b]实例[/b]

while($selectLiYears>firstLiYears){
      $firstLi=$firstLi.next();
      hasExpandClicked=true;
      firstLiYears=$firstLi.data('years');
    }

[b]解释[/b][b] [/b] 获取下一个兄弟节点获取指定索引的子元素 [b]实例[/b]

var $selectLi=$self.find('li:nth-child('+(srcIndex)+')');
var $firstLi=$self.find('li:first');
$("p:nth-child(3)")

[b] 解释 [/b] :first表示获取第一个元素, :last表示获取最后一个元素, nth-child(2)表示获取第2个元素以上这篇jquery插入兄弟节点的操作方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：火狐4、谷歌12不支持Jquery Validator的解决方法分享
下一篇：jQuery实现可关闭固定于底（顶）部的工具条菜单效果

资讯排行榜
更多>>