其他分享
首页 > 其他分享> > JQuery_遍历for循环&each方法$全局each&forof讲解

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

作者：互联网

遍历

<!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