jQuery遍历，数组，集合

使用了jquery有段时间了，整理下jquery中的遍历问题。

1.jquery 遍历对象

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
< HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){

var tbody = "";
    //------------遍历对象 .each的使用-------------
      //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们将直接自定义对象)
    var obj =[{"name":"项海军","password":"123456"}];
   $("#result").html("------------遍历对象 .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>
</HEAD>

<BODY>
    < div id="result" style="font-size:16px;color:red;"></div>
   <table cellpadding=5 cellspacing=1 width=620 id="project" border="1" >
           < tr>
               < th>用户名</th>
               < th>密码</th>
           < /tr>
    < /table>
</BODY>
< /HTML>

2.jQuery遍历数组

var tbody = "";

     //------------遍历数组 .each的使用-------------
           var anArray = ['one','two','three'];
     $("#result").html("------------遍历数组 .each的使用-------------");
           $.each(anArray,function(n,value) {

            alert(n+' '+value);
          var trs = "";
             trs += "<tr><td>" +value+"</td></tr>";
              tbody += trs;
          });

$("#project").append(tbody);

});
</script>
</HEAD>

<BODY>
------------此部分同1中的body部分--------------------

</BODY>
< /HTML>

3.jQuery 遍历List集合（其实与遍历一个对象没有太大区别，只是格式上的问题）

</BODY>
< /HTML>

转载于:https://www.cnblogs.com/linzaizai/p/6764401.html

jQuery遍历，数组，集合相关推荐

linux jq 遍历数组,jquery 遍历数组 each 方法详解
JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li ...
jQuery遍历数组
jQuery遍历数组数组遍历: 在JS中,我们使用普通for循环即可遍历数组. 在jQuery中,我们可以使数组的遍历变得更为简单(使用for遍历,取出的元素为js对象而非jQuery对象) 属性名 ...
php 便利jq,jquery怎样遍历数组？jquery遍历数组常用的两种方式
在jquery中,我们常用$().each和$.each()这两个方法来进行数组的遍历,$().each和$.each()这两种方法表面看起来好像差不多,但是,实际上这两个方法是有区别的,两个方法在针 ...
原生js和jquery 遍历数组区别（forEach和each区别）
原生js和jquery 遍历数组区别(forEach和each区别) <script>var arr=[1,3,6,8,4];var obj={0:1,1:3,2:6,3:8,4:4};a ...
jQuery 遍历数组
一.jQuery对象和伪数组 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...
剖析遍历抓取的html标签数据,Jquery遍历数组(包括获取后端数据后的操作)和遍历标签(class名)...
//遍历数组(获取后端数据如何遍历操作) var status = 1; //自定义状态 $('.tables-detail').html(""); //调用ajax ...
JQuery 遍历数组或者JSON
目录 for in 遍历数组遍历代码: 输出结果: JSON遍历代码: 输出结果: $.each()遍历数组遍历代码: 输出结果: JSON遍历代码: 输出结果: 附上全部代码: for ...
jquery遍历数组与筛选数组的方法
在jquery是遍历筛选数组有多种方法与函数了,包括有:grep.each.inArray.map同时也要以遍历json对象哦,下面给各位同学介绍一下具体的操作方法. grep grep()方法用于数 ...
JQuery遍历数组$().each方法
().each()对于这个方法,在dom处理上用的比较多,如果一个html页面上面有多个checkbox,这时用().each() 对于这个方法,在dom处理上用的比较多,如果一个html页面上面有多 ...
jquery遍历php数组长度,jquery遍历数组
1,for循环: var arr = new Array(13.5,3,4,5,6); for(var i=0;i arr[i] = arr[i]/2.0; } 2,for,in循环: var x v ...

jQuery遍历，数组，集合

jQuery遍历，数组，集合相关推荐

最新文章

热门文章