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 相关文章推荐
js实现iframe自动自适应高度的方法
Feb 17 Javascript
javascript 实现map集合
Apr 03 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
Aug 07 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
Sep 18 Javascript
jquery+json实现数据二级联动的方法
Nov 28 Javascript
判断js的Array和Object的实现方法
Aug 29 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
理解Koa2中的async&await的用法
Feb 05 Javascript
小程序指纹验证的实现代码
Dec 04 Javascript
详解在Node.js中发起HTTP请求的5种方法
Jan 10 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 for 循环语句使用方法详细说明
2010/05/09 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
PHP CURL使用详解
2019/03/21 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
2014/06/23 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
JavaScript实现的字符串replaceAll函数代码分享
2015/04/02 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
jQuery如何使用自动触发事件trigger
2015/11/29 Javascript
使用jQuery给input标签设置默认值
2016/06/20 Javascript
node使用UEditor富文本编辑器的方法实例
2017/07/11 Javascript
使用vue中的混入mixin优化表单验证插件问题
2019/07/02 Javascript
Python实现简单过滤文本段的方法
2017/05/24 Python
python实现烟花小程序
2019/01/30 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
汽车销售求职自荐信
2013/10/01 职场文书
企业项目策划书
2014/01/11 职场文书
大学生开西餐厅创业计划书
2014/02/01 职场文书
《月迹》教学反思
2014/02/19 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
如何用python绘制雷达图
2021/04/24 Python
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
Python爬取某拍短视频
2021/06/11 Python
使用springMVC所需要的pom配置
2021/09/15 Java/Android
python利用while求100内的整数和方式
2021/11/07 Python