2020.05.05 jquery中遍历方式

Posted 2021-02-20 aojie

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2020.05.05 jquery中遍历方式相关的知识，希望对你有一定的参考价值。

<!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.jquery遍历方式
         1.jq对象.each（callback）
         2.$.each（object，[callback]）
           3.for。。。of：
         */
        $(function () {
            //js遍历
            //获取所有ul下li
   /*         var cities = $("#city li");
            for (var i = 0; i < cities.length; i++) {
                if ("上海"==cities[i].innerHTML){
                 /!*   break;//结束循环
                    continue;//跳出本次循环*!/
                }
                alert(i+"："+cities[i].innerHTML);
            }*/
          //jquery遍历
 /*           var cities = $("#city li");
            cities.each(function (index,element) {
                /!*!//获取li对象1
                alert(this.innerHTML)*!/
                //获取li对象2 在回调函数中定义参数 index（索引） element（元素对象）
                if ($(element).html()=="上海"){
                    //在function中如果返回false结束循环
                    //如果返回true则跳出本次循环
                    // return false;
                    // return true;
                }
                alert(index+":"+$(element).html())
            })*/

/*            var cities = $("#city li");
            $.each(cities,function (index,element) {
                alert(this.innerHTML);
            })*/

            //jquery3.0以后才能用
            var cities = $("#city li");
            for (li of cities){
                alert($(li).html())
            }
        })

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

以上是关于2020.05.05 jquery中遍历方式的主要内容，如果未能解决你的问题，请参考以下文章