目录

 遍历

        1. js的遍历方式

        2. jq的遍历方式

            1. jq对象.each(callback)

            2. $.each(object, [callback])

            3. for..of: jquery 3.0 版本之后提供的方式

代码如下： 

 遍历

        1. js的遍历方式

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

        2. jq的遍历方式

            1. jq对象.each(callback)

                1. 语法：
                    jquery对象.each(function(index,element){});
                        * index:就是元素在集合中的索引
                        * element：就是集合中的每一个元素对象

                        * this：集合中的每一个元素对象
                2. 回调函数返回值：
                    * true:如果当前function返回为false，则结束循环(break)。
                    * false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)

            2. $.each(object, [callback])

            3. for..of: jquery 3.0 版本之后提供的方式

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

代码如下： 

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

                遍历
                    1. js的遍历方式
                     * for(初始化值;循环结束条件;步长)
                    2. jq的遍历方式
                        1. jq对象.each(callback)
                        2. $.each(object, [callback])
                        3. for..of:jquery 3.0 版本之后提供的方式

        */
        $(function () {
            var citys = $("#city li");
            /*                // console.log(citys);
                         //   原始js写法
                            for (let i=0;i<citys.length;i++){
                                if ("上海"==citys[i].innerHTML){
                                        break;
                                }
                                console.log(citys[i].innerHTML);
                            }*/
            // jq方式
            /*                citys.each(function () {
                                // console.log(index+":"+element.innerHTML);
                                // console.log(index+":"+$(element).html());
                                // console.log($(this).html())
                                if ("上海"==$(this).html()){
                                    return false;
                                }
                                console.log($(this).html())
                            })*/
            /*   $.each(citys, function () {
                   console.log($(this).html());
               })*/
            for (li of citys) {
                console.log($(li).html());
            }
        });


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