jquery的父、子、兄弟节点查找,节点的子节点循环方法


Posted in Javascript onDecember 07, 2016

jQuery.parent(expr)           //找父元素

jQuery.parents(expr)          //找到所有祖先元素,不限于父元素

jQuery.children(expr)        //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙

jQuery.contents()            //查找下面的所有内容,包括节点和文本。

jQuery.prev()                //查找上一个兄弟节点,不是所有的兄弟节点

jQuery.prevAll()             //查找所有之前的兄弟节点

jQuery.next()                //查找下一个兄弟节点,不是所有的兄弟节点

jQuery.nextAll()             //查找所有之后的兄弟节点

jQuery.siblings()            //查找兄弟节点,不分前后

jQuery.find(expr)            //跟jQuery.filter(expr)完全不一样,jQuery.filter(expr)是从初始的

jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集中

筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如:

$("p").find("span")是从元素开始找,等于$("p span")

在jquery 中我们可以选择$().each() 与 $.each() 进行迭代对象和数组

$(items).each(function(){

   //item

})

而后者则

$.each(items,function(i,item){

//write your code

})
$("button").click(function(){
 $("li").each(function(){
  alert($(this).text())
 });
});

$("#ID >div").each(function(){
     alert($(this).attr("id")); //打印子div的ID
});

循环id为plan_value下的所有input标签,当标签类型为隐藏标签时获取下一个标签并对它们的值进行操作

var plan_value_str = "";
          $("#plan_value >input").each(function(){
             if($(this).attr("type")=="hidden"){
               if(plan_value_str == ""){
                 plan_value_str = $(this).attr("value")+"-"+$(this).next().attr("value");
               }else{
                 plan_value_str = plan_value_str+";"+$(this).attr("value")+"-"+$(this).next().attr("value");
               }
             }
          }) 
          $("#plan_value_str").val(plan_value_str);

以上这篇jquery的父、子、兄弟节点查找,节点的子节点循环方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript中SQL语句的应用实现
May 04 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
细说javascript函数从函数的构成开始
Aug 29 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 Javascript
浅谈JavaScript中指针和地址
Jul 26 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
Vue组件库发布到npm详解
Feb 17 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
jquery操作ID带有变量的节点实例
Dec 07 #Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 #Javascript
You might like
yii使用activeFileField控件实现上传文件与图片的方法
2015/12/28 PHP
laravel框架使用极光推送消息操作示例
2020/02/15 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
ext实现完整的登录代码
2008/08/08 Javascript
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
js 如何实现对数据库的增删改查
2012/11/23 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
判断js数据类型的函数实例详解
2019/05/23 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
Python内置模块turtle绘图详解
2017/12/09 Python
Django权限机制实现代码详解
2018/02/05 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
2020/03/06 Python
python中if嵌套命令实例讲解
2021/02/25 Python
用纯css3实现的图片放大镜特效效果非常不错
2014/09/02 HTML / CSS
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
大学四年的个人自我评价
2014/01/14 职场文书
银行员工职业规划范文
2014/01/21 职场文书
工程资料员岗位职责
2014/03/10 职场文书
安全生产责任书范本
2014/04/15 职场文书
销售内勤岗位职责
2014/04/15 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
办理护照工作证明
2014/10/10 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
如何使用python包中的sched事件调度器
2022/04/30 Python