Home > Article > Web Front-end > How to traverse a list collection in jquery
Jquery method of traversing a list collection: You can use the each method to traverse, such as [$.each(obj, function(n, value)]. The each method specifies the function to be run for each matching element.
The operating environment of this tutorial: windows10 system, jquery2.2.4 version, this method is suitable for all brands of computers.
(Learning video sharing: jquery video tutorial)
Method introduction:
each() method specifies the function to be run for each matching element.
Syntax:
$(selector).each(function(index,element))
Parameters:
function(index,element) Required. Specifies the function to be run for each matching element. index - the index position of the selector element - the current element ( You can also use the "this" selector)
The implementation code is as follows:
<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 >
For more programming-related knowledge, please visit: Programming Learning!!
The above is the detailed content of How to traverse a list collection in jquery. For more information, please follow other related articles on the PHP Chinese website!