JQuery的遍历

最新推荐文章于 2024-01-24 15:58:46 发布
最新推荐文章于 2024-01-24 15:58:46 发布
阅读量73 收藏
点赞数
分类专栏： javaweb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41093260/article/details/118443740
版权

JQuery的遍历

两种方式

  1. jq对象.each(function()…); / $.each(object,function(){})(第二种写法)

    语法:

    jq对象.each(function(index,element){});

    index:代表为下标(索引)

    element:代表个体对象

  2. for…of:jquery3.0之后才有了此方式,也就是for增强

    语法:

    for(元素对象 of 容器对象)

  3. 关于循环跳出,需要使用true(continue)或者false(break)

代码演示

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        //js的遍历
        $(function(){
            //获取对象
            var citys = $("#city li");
            //js
            // for(var i = 0 ; i < citys.length ;i++){
            //     alert(citys[i].innerHTML);
            // }

            /**
             * jq遍历
             *  index代表为下标(索引)
             *  element元素个体对象
             *  在判断语句中,如果element的值为北京,将会跳过
             */
            // citys.each(function(index,element){
            //     // alert($(this).text());
            //     alert("i:"+index);
            //     if("北京" == $(element).html()){
            //         //当如果想跳出或者终止,在java中是continue和break,
            //         // 那么在jq中是true表示跳过,false表示终止
            //         return true;
            //     }
            //     alert("element:"+$(element).html());
            // });
            //第二种写法
            // $.each(citys,function(){
            //     alert($(this).html());
            // })

            //jq3.0支持的增强for
            // for(li of citys){
            //     alert($(li).html());
            // }

        });

    </script>
</head>
<body>
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>天津</li>
    <li>重庆</li>
</ul>
</body>
</html>
破晓Dawn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery遍历元素
qq_43781887的博客
07-12 4968
在讲这个之前，建议先看一下jquery的隐式迭代，这个就不多说了，隐式迭代的缺点在于它只能集体进行操作不能只针对某个元素进行操作，可以看下面的代码： 如果想要依次对遍历的元素进行操作需要用each方法，语法是：$('div').each(function(index,domEle){})1.each()方法遍历匹配每一个元素。2.里面的回调函数有两个参数分别是index和domEle，index是每个元素的索引号，domEle是每个DOM元素对象，不是jquery对象，所以如果要用jquery的方法必须
jQuery 遍历
ivenqin的博客
08-12 259
本节我们学习 jQuery 的遍历。什么是遍历呢？遍历是指沿着某条搜索路线，依次对树中每个节点均做一次访问。访问结点所做的操作依赖于具体的应用问题， 具体的访问操作可能是检查节点的值、更新节点的值等。不同的遍历方式，其访问节点的顺序是不一样的。遍历是适用于多元素集合的情况，例如遍历数组、遍历集合等。 jQuery 中的遍历其实就是根据其相对于其他元素的关系来查找 HTML 元素，以某项选择开始，并沿着这个选择移动，直到抵达所需要的元素为止，这一过程称为遍历。 遍历DOM jQuery 提供了多种遍历 DO
JQ遍历
云飞扬°的博客
05-19 1224
JQ遍历 each(function(i,n)：第一个参数i表示索引，第二个参数是数组中具体的值 var cities = ["深圳市","广州市","东莞市","惠州市"]; //方法一：JQ对象遍历 $(cities).each(function(i,n){ //第一个参数i表示索引，第二个参数是数组中具体的值 console.log(i+"---"+...
JQ 遍历
E_ISOLATE的博客
07-21 260
遍历祖先 向上遍历DOM树 parent() 返回被选元素的直接父元素 parents() 返回被选元素的所有祖先元素 parentsUntil() 返回介于两个给定元素的所有祖先元素 $("span").parentsUntil("div"); 遍历后代 向下遍历DOM树 children() 返回被选元素的子元素(一个元素) children() 也可以过滤元素 $("div").chi...
jQuery 遍历 – 祖先
12-13
jQuery 遍历 – 祖先 祖先是父、祖父或曾祖父等等。 通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。 向上遍历 DOM 树 这些 jQuery 方法很有用，它们用于向上遍历 DOM 树： parent() parents() ...
jquery遍历select元素(实例讲解)
12-12
本篇文章提供一款jquery遍历select教程代码，主要是利用了$(“#<%=ddl_xreg_id.clientid%> option”).each(function() {形式来each遍历一次，这样所有的select就给查询了一次。 代码如下:[removed][removed]...
jQuery遍历Form示例代码
10-26
取得id为form1的form的所有输入变量，然后使用for循环进行数组遍历，具体实现如下，感兴趣的朋友可以参考下
jQuery 遍历map()方法详解
01-19
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以...
jQuery 遍历函数详解
10-23
介绍了几个在jQuery中非常有用的遍历函数，遍历函数是做么的方便。当在它们一起使用时，它们将更加强大。也就是说，一个函数的输出是另一个函数的输入，它们是链式的。下面我们就来详细探讨下吧。
Jq中的遍历
liwenjieIT的博客
09-20 979
向上遍历树： parent()返回被选元素的直接父元素、（获取的·父元素） parents()返回被选元素的所有祖先元素，它一路向上直到文档的根元素()(获取的祖先元素) parentsUntil()返回介于两个指定元素之间的所有祖先元素(获取的祖先元素) 向下遍历dom树： children():返回被选元素所有直接子元素 find()返回被选元素的后代元素，一路
jQuery遍历（树遍历）
最新发布
m0_59329828的博客
01-24 1012
获得匹配元素集合中每个元素的直接子元素，选择器选择性筛选。
jQuery——遍历
furway的专栏
07-18 638
向上遍历DOM树 .parent():返回被选元素的直接父元素,该方法只会向上一级对DOM树进行遍历 .parents():返回被选元素的所有祖先元素，一直向上遍历，直到文档的根元素(html) .parentsUntil():返回介于两个给定元素之间的所有祖先元素 .ancestors *{ display:block; border:2px solid ligh
jq遍历对象,Jquery遍历对象,用forEach遍历对象
q18665401的博客
12-11 6731
var m = new Map();             m.set(1, "black");             m.set(2, "red");             m.set("colors", 2);             m.set({x:1}, 3); //mapObj对象可以理解为m，             m.forEach(function (it
jquery遍历
acca13439767987的博客
08-21 188
jQuery遍历： parent():返回被选元素的直接父元素，该方法只会向上一级对DOM树进行遍历。 parents():方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素（）。 parentsUntil():方法介于两个给定元素之间的所有祖先元素 children(): 方法返回被选...
JQuery遍历方式
you4580的专栏
03-22 813
false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)1. jquery对象.each(function(index,element){});true:如果当前function返回为false，则结束循环(break)。element：就是集合中的每一个元素对象。jq对象.each(callback)index:就是元素在集合中的索引。this：集合中的每一个元素对象。for(元素对象 of 容器对象)2. jq的遍历方式。2. jq的遍历方式。
js中的遍历和jquery中的遍历
likeuzi的博客
04-12 8858
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-基础笔记02
你的博客
08-12 116
JQuery-02 1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来指定切换效果，默...
jQuery 遍历表格
05-19
可以使用 jQuery 的遍历方法来遍历表格。下面是一个使用 jQuery 遍历表格的示例代码： ```html 名称 价格 商品1 $100 商品2 $200 <script src="https://code.jquery....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值