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 相关文章推荐
javascript 学习之旅 (1)
Feb 05 Javascript
javascript 动态调整图片尺寸实现代码
Dec 28 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
js实现文字滚动效果
Mar 03 Javascript
Web前端开发之水印、图片验证码
Nov 27 Javascript
Bootstrap CSS组件之大屏幕展播
Dec 17 Javascript
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
node.js使用express框架进行文件上传详解
Mar 03 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 Javascript
package.json中homepage属性的作用详解
Mar 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 XPath对XML文件查找及修改实现代码
2011/07/27 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
2016/03/17 PHP
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
Angular 容器部署的方法
2018/04/17 Javascript
图文讲解vue的v-if使用方法
2019/02/11 Javascript
详解javascript 变量提升(Hoisting)
2019/03/12 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
python显示天气预报
2014/03/02 Python
Python的批量远程管理和部署工具Fabric用法实例
2015/01/23 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
一百行python代码将图片转成字符画
2021/02/19 Python
python制作图片缩略图
2019/04/30 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
Pygame的程序开始示例代码
2020/05/07 Python
python开发入门——列表生成式
2020/09/03 Python
python urllib和urllib3知识点总结
2021/02/08 Python
环境工程大学生自荐信
2013/10/21 职场文书
高三英语教学反思
2014/01/13 职场文书
公司保密管理制度
2015/08/04 职场文书
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技