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实现的支持lrc歌词的播放器
May 17 Javascript
eclipse如何忽略js文件报错(附图)
Oct 30 Javascript
jquery使用ajax实现微信自动回复插件
Apr 28 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
javascript实现别踩白块儿小游戏程序
Nov 22 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
Vue.js常用指令之循环使用v-for指令教程
Jun 27 Javascript
vue+node+webpack环境搭建教程
Nov 05 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 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
PHP中的超全局变量
2006/10/09 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
ecshop适应在PHP7的修改方法解决报错的实现
2016/11/01 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
一个Vue页面的内存泄露分析详解
2018/06/25 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
vue+django实现一对一聊天功能的实例代码
2019/07/17 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
django 删除数据库表后重新同步的方法
2018/05/27 Python
Python+Pandas 获取数据库并加入DataFrame的实例
2018/07/25 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
Django应用程序入口WSGIHandler源码解析
2019/08/05 Python
python实现PID算法及测试的例子
2019/08/08 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2020/12/01 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
canvas绘制太极图的实现示例
2020/04/29 HTML / CSS
查询优化的一般准则有哪些
2015/03/08 面试题
放假通知怎么写
2015/08/18 职场文书
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android