JQuery_遍历for循环&each方法$全局each&forof讲解

2022-08-20 10:31:16 阅读：169 来源： 互联网

标签：JQuery 遍历 alert callback forof each citys

遍历

js的遍历方式
- for(初始化值；循环结束条件；步长)
JQuery遍历方式
- JQuery对象.each(callback)
- $.each(object,[callback])
- for..of;

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="/js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
        /**
         * ## 遍历
         * - js的遍历方式
         *    - for(初始化值；循环结束条件；步长)
         * - JQuery遍历方式
         *    - JQuery对象.each(callback)
         *    - $.each(object,[callback])
         *    - for..of;
         */
        $(function () {
            //获取ul下的所有li标签
            var citys = $("#city li");

            //遍历li
            /*for (var i = 0; i < citys.length ; i++) {
                //获取内容
                alert(citys[i].innerHTML);
            }*/


            /*// JQuery对象.each(callback)
            citys.each(function (index, element) {
                alert(index + "." + element.innerHTML);
                // alert(this.innerHTML);
            });*/

            // $.each(object,[callback])
            /*$.each(citys, function () {
                alert($(this).html());
            });*/
            // for..of;
            for (var city of citys) {
                // alert($(city).html());
            }
        });

    </script>
</head>
<body>
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>天津</li>
    <li>重庆</li>
</ul>
</body>
</html>

标签：JQuery,遍历,alert,callback,forof,each,citys
来源： https://www.cnblogs.com/ailhy/p/16607257.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JQuery_遍历for循环&each方法$全局each&forof讲解

遍历