jquery遍歷list集合的方法:可以使用each方法來進行遍歷,如【$.each(obj,function(n,value)】。each方法規定為每個匹配元素規定運行的函數。
本教學操作環境: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+' '+value); var trs = ""; trs += " < tr > <td > " +value.name+" < /td> <td>" + value.password +"</td > </tr>"; tbody += trs; }); $("#project").append(tbody); }); </script >
更多程式相關知識,請造訪:程式學習!!
以上是jquery怎麼遍歷list集合的詳細內容。更多資訊請關注PHP中文網其他相關文章!