遍歷
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()){
//如果當(dāng)前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());
}
})
如有錯(cuò)誤或建議歡迎大家指出與評(píng)論哈拜马，希望這篇博文能幫助到大家单芜，大家也可以分享給需要的人。
如需轉(zhuǎn)載躁垛，請注明出處剖毯。http://www.reibang.com/p/0dac2e536e1f
