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 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
JavaScript 读取元素的CSS信息的代码
Feb 07 Javascript
jquery异步循环获取功能实现代码
Sep 19 Javascript
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
深入浅析javascript中的作用域(推荐)
Jul 19 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
javascript中的this作用域详解
Jul 15 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 10 Javascript
JS严格模式原理与用法实例分析
Apr 27 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 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
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
PHP 编程安全性小结
2010/01/08 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
简介JavaScript中toUpperCase()方法的使用
2015/06/06 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
微信小程序自定义toast弹窗效果的实现代码
2018/11/15 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
Vue作用域插槽实现方法及作用详解
2020/07/08 Javascript
js实现简易ATM功能
2020/10/27 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
python实现文件路径和url相互转换的方法
2015/07/06 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
python+django加载静态网页模板解析
2017/12/12 Python
Django数据库表反向生成实例解析
2018/02/06 Python
Python中max函数用于二维列表的实例
2018/04/03 Python
python实现简单tftp(基于udp协议)
2018/07/30 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
英国历史最悠久的DJ设备供应商:DJ Finance、DJ Warehouse、The DJ Shop
2019/09/04 全球购物
杭州联环马网络笔试题面试题
2013/08/04 面试题
保险专业大学生职业规划书
2014/03/03 职场文书
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
教师个人查摆剖析材料
2014/10/14 职场文书
优秀班主任材料
2014/12/16 职场文书
教师工作决心书
2015/02/04 职场文书
论文致谢词范文
2015/05/14 职场文书
党员转正党支部意见
2015/06/02 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫