21、JQuery实现标签的遍历

最新推荐文章于 2022-03-03 18:22:54 发布

l0510402015

最新推荐文章于 2022-03-03 18:22:54 发布

阅读量1.1k

点赞数

分类专栏： 12_JQuery

本文链接：https://blog.csdn.net/l0510402015/article/details/106101214

版权

本文介绍了如何使用JQuery遍历DOM元素，包括传统的JS遍历方法和JQuery的each方法，提供了三种JQuery遍历方式的详细说明及示例，涵盖了.index(), .each() 和 $.each() 以及JQuery 3.0后的for..of语法。" 122742303,7938467,VTK项目实战：MedBeyond医疗影像后处理工作站开发,"['VTK', 'C++', '医疗影像处理', 'WPF', '软件开发']

摘要由CSDN通过智能技术生成

一、传统的JS遍历方法

格式： for(初始化值;循环结束条件;步长)

举例：

对一组列表中的li标签内容进行获取、判断显示

<!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">
    </script>

    <script>
        /*
        遍历
            一、通过JS进行遍历
                * for(初始化值；循环结束条件；步长)
            二、通过JQuery进行遍历
                1、JQuery对象.each(callback回调函数)
                2、$.each(object,[callback])
                3、for..of
        */
        $(function () {
           //1 获取所有的ul下的li
           var citys = $("#city li");

           //2 遍历li ===>使用JS方式
            for(var i=0; i<citys.length;i++){
                if(