（五）jQuery 遍历

最新推荐文章于 2023-03-16 15:27:10 发布
最新推荐文章于 2023-03-16 15:27:10 发布
阅读量267 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35418250/article/details/77983558
版权
本文介绍了jQuery中用于遍历DOM树的选择器方法，包括parent()、parents()、parentsUntil()、children()、find()等，以及如何使用first()、last()、eq()等方法定位特定元素。
摘要由CSDN通过智能技术生成

（五）jQuery 遍历

parent() 方法返回被选元素的直接父元素。节点的父元素只有一个

parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

$("span").parentsUntil("div");//span和div之间所有，但不包括他们自己

children() 方法返回被选元素的所有直接子元素。这个节点的子元素可以是多个

find("*") 方法返回被选元素的后代元素，一路向下直到最后一个后代（带参数的）

$("div").find("span");//div下的所有span元素

siblings() 方法返回被选元素的所有同胞元素。所有同级的元素

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的所有跟随的同胞元素。

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。

$("h2").nextUntil("h6");//h2和h6之间的，不包括h2和h6

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞之前元素遍历，而不是之后元素遍历）


first() 方法返回被选元素的第一个标签。

$("div").first();//所有div中的第一个

last() 方法返回被选元素的最后一个标签。

$("div p").last();//在div的最后一个里的最后一个p


eq() 方法返回被选元素中带有指定索引号的元素。

$("p").eq(1);//索引从0开始


filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

$("p").filter(".url");//所有类名为url的p元素被选取

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

$("p").not(".url");//返回不带有类名 "url" 的所有 <p> 元素


Jquery遍历元素
qq_43781887的博客
07-12 5138
在讲这个之前，建议先看一下jquery的隐式迭代，这个就不多说了，隐式迭代的缺点在于它只能集体进行操作不能只针对某个元素进行操作，可以看下面的代码： 如果想要依次对遍历的元素进行操作需要用each方法，语法是：$('div').each(function(index,domEle){})1.each()方法遍历匹配每一个元素。2.里面的回调函数有两个参数分别是index和domEle，index是每个元素的索引号，domEle是每个DOM元素对象，不是jquery对象，所以如果要用jquery的方法必须
Jquery的3种遍历方式
zzvar的博客
05-29 4992
学习目标： 参考博文： https://blog.csdn.net/honey_th/article/details/7404273 一、Jquery中each的几种遍历方法 1. 选择器+遍历 <script> $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); </script> 2. 选择器+遍历 <script> $('div').each(function (index,d
jQuery的遍历方法
weixin_44208404的博客
09-15 183
（1）each方法 可以对jQuery对象集合中的每个元素做单独的处理 格式：jQuery.each(function(index,ele){}) index表示集合中DOM对象元素下标，ele表示该集合中的DOM对象 （2）$.each(object,callback) object：数组或对象 ...
jQuery遍历节点的方法
NotBad_的博客
11-24 2691
1、children()方法： 该方法用于取得匹配元素的子元素的集合； 2、next()方法： 该方法用于取得匹配元素后面紧邻的同辈元素； 3、prev()方法： 该方法用于取得匹配元素前面紧邻的同辈元素； 4、siblings()方法： 该方法用于取得匹配元素前后所有的同辈元素； 5、closest()方法： 该方法用于取得最近的匹配元素，首先检测当前元素是否匹配，如果匹配则直
jquery中遍历方法each示例
刘小毅的博客
10-02 732
jquery中遍历方法each示例如下： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;...
jQuery 遍历方法总结
最新发布
忧郁的蛋的专栏
03-16 8295
5、each()，用于为每个匹配元素执行函数；在部分浏览器中不管用可以用prop，如果只是判断可以用$(this).find("ul>li>:checkbox:eq(" + i + ")").is(":checked");nextUntil()方法，主要用于获得指定元素的下一个同级元素，这个同级元素必须为指定元素与nextUntil()方法所设置元素之间的元素。prevUntil()方法，主要用于获得指定元素的上一个同级元素，这个同级元素必须为指定元素与prevUntil()方法所设置元素之间的元素。
jquery遍历select元素(实例讲解)
12-12
本篇文章提供一款jquery遍历select教程代码，主要是利用了$(“#<%=ddl_xreg_id.clientid%> option”).each(function() {形式来each遍历一次，这样所有的select就给查询了一次。 代码如下:[removed][removed]...
jQuery 遍历 – 祖先
12-13
在jQuery库中，遍历DOM树是常见的操作，特别是当你需要查找或操作元素的祖先时。"祖先"在这个上下文中指的是元素的父级、父级的父级，以及更高级别的上级元素，直至文档的根节点`<html>`。jQuery提供了几个方便的...
jQuery 遍历map()方法详解
01-19
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以...
jQuery 遍历 – 后代
12-13
jQuery 遍历 – 后代 后代是子、孙、曾孙等等。 通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法： children() find() jQuery ...
jQuery遍历Form示例代码
10-26
总之，jQuery遍历Form是Web开发中常见的需求，通过jQuery提供的API，我们可以轻松地获取、遍历和修改表单数据，从而实现更灵活的交互和动态更新。理解并掌握这一技巧，对于提升前端开发效率至关重要。
jQuery 遍历方法
weixin_30500289的博客
06-03 136
jQuery 遍历方法 方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents()...
jquery遍历数组的方式
我的笔记
03-13 1万+
1，for循环： var arr = new Array(13.5,3,4,5,6); for(var i=0;i&lt;arr.length;i++){ arr[i] = arr[i]/2.0; } 2，for,in循环： var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2...
jquery中常用的遍历方法
阿飞的博客
09-04 570
下面提一下jQuery的each方法的几种常用的用法Js代码 var arr = [ “one”, “two”, “three”, “four”]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为：one,two,three,fourvar arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9
js中的遍历和jquery中的遍历
likeuzi的博客
04-12 8879
1.map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。 使用实例： var ary = [12,23,24,42,1]; var res = ary.map(function (item,index,input) { return item*10; }) console.log(res);//-->[120,230,240,420,10];
jQuery 遍历查找到的每一个结果
qq_36358940的博客
07-15 902
jQuery 遍历查找到的每一个结果 ![jQuery 遍历查找到的每一个结果](http://img.blog.csdn.net/20170715204959524?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzYzNTg5NDA=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/7
Jquery中each的三种遍历方法
热门推荐
honey_th的专栏
03-28 19万+
1、选择器+遍历 $('div').each(function (i){    i就是索引值    this 表示获取遍历每一个dom对象 }); 2、选择器+遍历 $('div').each(function (index,domEle){    index就是索引值   domEle 表示获取遍历每一个dom对象 }); 3、更适用的遍历方法 1）先获取某个集
jquery常用的几种遍历方式
路远，漫步前行
03-27 2147
1、找class为  otherIdentifier 下 class为form-control 的input   如果input 值为空 则 disable $(document).ready(function(){  $(".otherIdentifier").find("input[class='form-control']").each(function(){          if(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值