JQuery_遍历_for循环、JQuery_遍历2_each方法

JQuery_遍历_for循环

2．遍历

1. js的遍历方式
*for(初始化值;循环结束条件;步长)2. jq的遍历方式
1. jq对象.each( callback)
2. $.each(object，[callback])3. for . .of:

 

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

*/
            $(function () {
               //1.获取所有的ul下的li
                var citys = $("#city li");
                //2.遍历li
                for (var i = 0; i < citys.length; i++) {
                    if("上海" == citys[i].innerHTML){
                        //break; 结束循环
                        //continue; //结束本次循环，继续下次循环
                    }
                    //获取内容
                    alert(i+":"+citys[i].innerHTML);

                }

JQuery_遍历2_each方法

//2. jq对象.each(callback)
citys.each(function (index,element) {
    //3.1 获取li对象 第一种方式 this
    //alert(this.innerHTML);
    //alert($(this).html());
    //3.2 获取li对象 第二种方式 在回调函数中定义参数   index（索引） element（元素对象）
    //alert(index+":"+element.innerHTML);
    //alert(index+":"+$(element).html());

    //判断如果是上海，则结束循环
    if("上海" == $(element).html()){
        //如果当前function返回为false，则结束循环(break)。
        //如果返回为true，则结束本次循环，继续下次循环(continue)
        return true;
    }
    alert(index+":"+$(element).html());
});