博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery的父、子、兄弟节点查找,节点的子节点循环
阅读量:5231 次
发布时间:2019-06-14

本文共 1554 字,大约阅读时间需要 5 分钟。

Query.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);

转载于:https://www.cnblogs.com/notepades/p/6163256.html

你可能感兴趣的文章
Factory Design Pattern
查看>>
WinForm下窗体标题栏上有“帮助”按钮
查看>>
Spring Boot中自动执行sql脚本
查看>>
Mysql与python交互
查看>>
python中贪婪与非贪婪
查看>>
GMA Round 1 双曲线与面积
查看>>
guava API整理
查看>>
Python股票分析系列——基础股票数据操作(一).p3
查看>>
Kafka Ecosystem(Kafka生态)
查看>>
2019年7月3日星期三(开发环境)
查看>>
关于AspNetPager的用法(用于个人学习笔记)
查看>>
网页开发时的注意事项(关于编码问题)
查看>>
css(2)
查看>>
浅谈vue的生命周期
查看>>
[codevs 1017]乘积最大
查看>>
在iOS端如何使用Charles用作http调试
查看>>
ThinkPHP 5.0 控制器-》请求-》数据库
查看>>
记录Centos7搭建ftp服务器以及遇到的各种坑
查看>>
SQLServer 存储过程
查看>>
牛客多校Round 8
查看>>