高效Web开发的10个jQuery代码片段
411
2024-02-24
功能:插入指定元素到父元素的第一个位置(最左边)
实例
$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插入兄弟节点的操作方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持绿夏网。
#免责声明#
本站[绿夏技术导航]提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序或内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件[admin@lxwl520.com]与我们联系进行删除处理。敬请谅解!