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 相关文章推荐
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 Javascript
基于daterangepicker日历插件使用参数注意的问题
Aug 10 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 Javascript
微信小程序实现自定义modal弹窗封装的方法
Jun 15 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
angular inputNumber指令输入框只能输入数字的实现
Dec 03 Javascript
详解Vue 单文件组件的三种写法
Feb 19 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
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
php简单smarty入门程序实例
2015/06/11 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
javaScript对象和属性的创建方法
2007/01/15 Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
2010/04/27 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
js的.innerHTML = ""IE9下显示有错误的解决方法
2013/09/16 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
2015/08/05 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
Python实现嵌套列表去重方法示例
2017/12/28 Python
python 多线程重启方法
2019/02/18 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
使用Python代码实现Linux中的ls遍历目录命令的实例代码
2019/09/07 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
约瑟夫·特纳男装:Joseph Turner
2017/10/10 全球购物
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
酒店应聘自荐信
2013/11/09 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
机关搬迁方案
2014/05/18 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB
Tomcat弱口令复现及利用
2022/05/06 Servers
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技