【JQuery】使用each()方法遍历元素

最新推荐文章于 2023-12-24 11:06:14 发布

badlyForPapers

最新推荐文章于 2023-12-24 11:06:14 发布

阅读量623

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/happyhaojie/article/details/51043043

版权

jQuery 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

这个方法很生疏但是貌似很有用啊！

使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为：

$(selector).each(function(index))

参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。

<body>
        <h3>使用each()方法遍历元素</h3>
        <span class="green">香蕉</span>
        <span class="green">桃子</span>
        <span class="green">葡萄</span>
        <span class="green">荔枝</span>
        
        <script type="text/javascript">
            $("span").each(function (index) {
                if (index == 3) {
                    $(this).attr("class", "red");
                }
            });
        </script>
    </body>