首先了解一下遍歷,遍歷就是對集合中的每一個元素一個個走一遍(也許表達的不夠貼切)。

創(chuàng)新互聯(lián)建站堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網(wǎng)站設計、網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的紅寺堡網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!
像這樣
var tmp={1,2,3,4,5,6,7,8,9,10};
for(var i=0;itmp.length;i++)
{
alert(tmp[i]);
}
這就叫遍歷了,意思就是這個意思
像$("ul li").each(function(){
alert($(this).text());
});
這樣的遍歷,其實就是對所有頁面里的li元素集合一一遍歷
js代碼改成如下:
$("#listAdd").on("click",function(){
$("#list").append("li增加的/li")
})
$("#list").on("click", "li", function(){
alert($(this).html());
})
使用jquery的on事件委托來處理動態(tài)添加元素動態(tài)添加事件。
遍歷id為menus 下邊的所有l(wèi)i標簽:
$('#menus li').each(function(){
alert($(this).text());//$(this)表示當前遍歷的li標簽對象,這句代碼會打印出當前l(fā)i標簽的文本值
});
用$("ul")遍歷,然后逐個判斷是否有l(wèi)i。判斷是否有l(wèi)i有下面3種方法:
$("ul").has("li").length??0;$("ul??li").length??0;$("ul").find("li").length??0;
以下是完整代碼:
ul111/ul
ul
li1/li
li2/li
/ul
ul333/ul
script src=""/script
script
$("ul").each(function(){
?if($(this).find("li").length0)
? ? ?$(this).hide();
});
/script
jquery的?length 屬性用以獲取包含 jQuery 對象中元素的數(shù)目:
$(".a?.b?li").length;????//?a類后代b類中包含的li元素的數(shù)量
綜合示例如下:
創(chuàng)建Html元素
div?class="box"
span點擊按鈕獲取li數(shù)量:/spanbr
div?class="content"
div?class="test"
ul
??liJohn/li
??liKarl/li
??liBrandon/li
/ul
/div
div?class="test"
ul
??liGlen/li
??liTane/li
??liRalph/li
??liRalph/li
/ul
/div
div?class="test"
ul
??liJohn/li
??liKarl/li
??liBrandon/li
/ul
/div
/div
input?type="button"?value="獲取li的數(shù)量"
/div
設置css樣式
div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}
div.box?span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px?0;padding:20px;border:2px?solid?#ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px?10px;}
ul{padding:5px?25px;border:2px?dashed?#cc6699;}
編寫jquery代碼
$(function(){
$(":button").click(function()?{
tol?=?$(".content?.test?li").length;
num?=?$(".content?.test?ul").map(function()?{
return?$(this).find("li").length;
}).get().join(',');
alert("不同div下的li數(shù)量分別為:"+num+",總數(shù)為:"+tol+"。");
});
})
觀察效果
本文題目:jquery遍歷li,jquery遍歷數(shù)組
文章網(wǎng)址:http://chinadenli.net/article39/dsicsph.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、網(wǎng)站營銷、外貿(mào)建站、手機網(wǎng)站建設、搜索引擎優(yōu)化、用戶體驗
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)