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


Posted in Javascript onDecember 07, 2016

功能:插入指定元素到父元素的第一个位置(最左边)

实例

$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插入兄弟节点的操作方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 Javascript
javascript下查找父节点的简单方法
Aug 13 Javascript
检测是否已安装 .NET Framework 3.5的js脚本
Feb 14 Javascript
JS面向对象、prototype、call()、apply()
May 14 Javascript
使用jQuery制作浮动工具栏的实例分享
May 13 Javascript
使用DeviceOne实现微信小程序功能
Dec 29 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
Vue不能观察到数组length的变化
Jun 08 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
Vue中Axios从远程/后台读取数据
Jan 21 Javascript
详解JavaScript中的Object.is()与"==="运算符总结
Jun 17 Javascript
js+h5 canvas实现图片验证码
Oct 11 Javascript
Bootstrap基本样式学习笔记之表格(2)
Dec 07 #Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 #Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 #Javascript
Bootstrap风格的WPF样式
Dec 07 #Javascript
Bootstrap基本组件学习笔记之导航(10)
Dec 07 #Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 #Javascript
详解ES6中的let命令
Apr 05 #Javascript
You might like
php使用curl详细解析及问题汇总
2016/08/11 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
php-fpm超时时间设置request_terminate_timeout资源问题分析
2019/09/27 PHP
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
Vue.js 和 MVVM 的注意事项
2016/11/07 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
原生js实现省市区三级联动代码分享
2018/02/12 Javascript
JSON数据中存在单个转义字符“\”的处理方法
2018/07/11 Javascript
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
通过实例解析JavaScript常用排序算法
2020/09/02 Javascript
Python中的模块导入和读取键盘输入的方法
2015/10/16 Python
Python 数据结构之堆栈实例代码
2017/01/22 Python
python机器学习之KNN分类算法
2018/08/29 Python
python看某个模块的版本方法
2018/10/16 Python
Django模板语言 Tags使用详解
2019/09/09 Python
python lambda表达式(匿名函数)写法解析
2019/09/16 Python
python3检查字典传入函数键是否齐全的实例
2020/06/05 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
阿根廷在线宠物商店:Puppis
2018/03/23 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
如何使用PHP session
2015/04/21 面试题
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
创业计划书的主要内容有哪些
2014/01/29 职场文书
20年同学聚会感言
2014/02/03 职场文书
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
岳庙导游词
2015/02/04 职场文书
社会实践单位意见
2015/06/05 职场文书
用python修改excel表某一列内容的操作方法
2021/06/11 Python
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技