遍歷

1. js的遍歷方式

for(初始化值;循環(huán)結(jié)束條件;步長)

2. jq的遍歷方式

a. jq對象.each(callback)
b. $.each(object, [callback])
c. for...of: jquery 3.0版本之后提供的方式

• js的遍歷方式

$(function(){
  // 1.獲取所有的ul下的li
  var citys = $("#city li");
  
  // 2.遍歷li
  for(var i = 0;  i < citys.length; i++){
    // 獲取內(nèi)容
    alert(i+":"+citys[i].innerHTML)
  } 
})

• jq對象.each(callback)

$(function(){
  // 1.獲取所有的ul下的li
  var citys = $("#city li");
  
  // 2.遍歷li
  citys.each(function (index,element){
    //3.1獲取li對象 第一種方式 this
    //alert(this.innerHTML);

    //3.2 獲取li對象 第二種方式，在回調(diào)函數(shù)中定義參數(shù) index(索引)  element(元素對象)
    //alert(index+":"+element.innerHTML);

    //判斷如果是上海則結(jié)束循環(huán)
    if("上海" == $(element).html()){
      //如果當前function返回為false，則結(jié)束循環(huán)(break)。
      //如果返回為true，則結(jié)束本次循環(huán)，繼續(xù)下次循環(huán)(continue)
      return false;
    }
    alert(index+":"+$(element).html());
  })
})

• $.each(object, [callback])方法

// 使用與上面方法大致相同
$(function(){
  var citys = $("#city li");

  $.each(citys,function(){
    alert($(this).html());
  });
})

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

$(function(){
  var citys = $("#city li");

  for(li of citys){
    alert($(li).html());
  }
})

如有錯誤或建議歡迎大家指出與評論哈，希望這篇博文能幫助到大家，大家也可以分享給需要的人。

如需轉(zhuǎn)載，請注明出處。http://www.itdecent.cn/p/0dac2e536e1f