jquery插入兄弟节点的操作方法
更新时间：2016年12月07日 09:23:05 投稿：jingxian
下面小编就为大家带来一篇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 3中一些新增的特性和一些变更的特性，以及一些废弃删除的特性，另外介绍了jQuery 3.0 最大的变化就是彻底放弃对 IE8 的支持，大家可以先看一下。2016-04-04
这篇文章主要为大家分享了jQuery产品间断向下滚动的核心代码,需要的朋友可以参考下2014-05-05
本文给大家分享的是一款基于jQuery插件expander实现图片翻转特效，一共有6种不同的图片翻转样式，十分的炫酷，有需要的小伙伴可以参考下。2015-05-05
下面小编就为大家带来一篇基于jQuery的表单填充实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
JQuery EasyUI 结合ztrIee的后台页面开发实例
下面小编就为大家带来一篇JQuery EasyUI 结合ztrIee的后台页面开发实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
7个神奇的jquery 3D插件，让你可以实现一些媲美Flash的动画特效。2011-01-01
jquery EasyUI的formatter格式化函数代码
以下实例格式化数据表格中的一列。如果金额小于20时使用自定义的格式器将文本变成红色。2011-01-01
利用jQuery实现CheckBox全选/全不选/反选的简单代码
下面小编就为大家带来一篇利用jQuery实现CheckBox全选/全不选/反选的简单代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
基于jQuery UI CSS Framework开发Widget的经验
jQuery UI CSS Framework是jQuery UI中的一个样式框架，可以利用jQuery Theme roller 来生成自己想要的css样式效果。我们可以利用jQuery UI的一些框架来开发出基于jQuery UI CSS Framework效果的插件来。2010-08-08
这篇文章主要为大家详细介绍了基于jquery实现九宫格拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
最新评论