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个元素
以上这篇jquery插入兄弟节点的操作方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
这篇文章主要介绍了jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果,涉及jquery鼠标事件及页面元素动态样式设置的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08jqueryMobile 动态添加元素,展示刷新视图的实现方法
下面小编就为大家带来一篇jqueryMobile 动态添加元素,展示刷新视图的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05用jQuery解决IE不支持的option disable属性
使用jQuery解决IE不支持的option disable属性2009-05-05AspNet中使用JQuery上传插件Uploadify详解
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用2015-05-05
最新评论