jquery插入兄弟节点的操作方法
时间:2021-01-19 12:07:54|栏目:jquery|点击: 次
功能:插入指定元素到父元素的第一个位置(最左边)
实例
$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个元素