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 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
Jan 14 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
JS运动改变单物体透明度的方法分析
Jan 23 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
Jan 18 Javascript
基于vue如何发布一个npm包的方法步骤
May 15 Javascript
小程序自动化测试的示例代码
Aug 11 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
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
深入理解PHP中的Session和Cookie
2013/06/21 PHP
PHP仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP实现导出带样式的Excel
2016/08/28 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
JScript中的"this"关键字使用方式补充材料
2007/03/08 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
JavaScript调试技巧之console.log()详解
2014/03/19 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
JavaScript浏览器对象之一Window对象详解
2016/06/03 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
php输出全部gb2312编码内的汉字方法
2017/03/04 Javascript
javascript实现滑动解锁功能
2017/03/22 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
24个解决实际问题的ES6代码片段(小结)
2020/02/02 Javascript
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Python 存取npy格式数据实例
2020/07/01 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
学习雷锋精神演讲稿
2014/05/10 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
公司员工安全协议书
2014/11/21 职场文书
工作失误检讨书
2015/01/26 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
2016年敬老月活动总结
2016/04/05 职场文书
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js