首頁 >web前端 >js教程 >jquery怎麼遍歷list集合

jquery怎麼遍歷list集合

王林
王林原創
2020-11-26 09:26:033296瀏覽

jquery遍歷list集合的方法:可以使用each方法來進行遍歷,如【$.each(obj,function(n,value)】。each方法規定為每個匹配元素規定運行的函數。

jquery怎麼遍歷list集合

本教學操作環境:windows10系統、jquery2.2.4版,此方法適用於所有品牌電腦。

(學習影片分享: jquery影片教學

方法介紹:

each() 方法規定為每個符合元素規定執行的函數。

語法:

$(selector).each(function(index,element))

參數:

function(index,element)    必需。每個符合元素規定執行的函數。index - 選擇器的index 位置element - 目前的元素(也可使用"this" 選擇器) 

實作程式碼如下:

<script language="javascript" type="text/javascript " src="jquery.min.js "></script>
<script  type="text / javascript ">
$(function(){
var tbody = "";
//------------遍历List集合 .each的使用-------------
var obj =[{"name ":"项海军","password ":"123456 "},{"name ":"科比","password ":"333333 "}];
$("#result ").html("遍历List集合.each的使用");
alert(obj);//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+&#39; &#39;+value);
var trs = "";
trs += " < tr > <td > " +value.name+" < /td> <td>" + value.password +"</td > </tr>";
tbody += trs;
});
$("#project").append(tbody);
});
</script >

更多程式相關知識,請造訪:程式學習!!

以上是jquery怎麼遍歷list集合的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn