遍历$.each()和$().each()用法

jQuery $.each(obj,function(n,value) 遍历用法

  1. 对象的遍历

js 代码部分

<script type="text/javascript">
    $(function() {
        var $tbody = $("tbody");
        var html = "";
        //前提必须是对象,一般情况下,后台传过来json字符串,要使用相应的方法将其转化为对象(eval、str.parseJSON()、JSON.parse(str))。
        var obj = [{ "name": "张三", "password": "123456" },{ "name": "李四", "password": "asdfgh" }];
        //下面使用each进行遍历
        $.each(obj, function(index, item) {
            console.log(index,item);
            html += "" + item.name + " " + item.password + "";

        });
        $tbody.append(html);
    });
    script>

html 代码部分

<body>
    <table>
        <thead>
            <tr>
                <th>nameth>
                <th>passwordth>
            tr>
        thead>
        <tbody>
        tbody>
    table>
body>
  1. 数组的遍历
<script  type="text/javascript">
     $(function(){
       var tbody = "";
     //------------遍历数组 .each的使用-------------
       var anArray = ['mma','bba','gge'];
     $("#result").html("------------遍历数组 .each的使用-------------");
           $.each(anArray,function(n,value) {
            alert(n+' '+value);
           var trs = "";
             trs += "" +value+"";
              tbody += trs;
            });
          $("#project").append(tbody);
  });
  script>

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

html部分文档

    "each_id">
  • Coffee
  • Soda
  • Milk
js遍历函数: function traversalDOM(){ $("#each_id li").each(function(){ alert($(this).text()) }); }

  • 在遍历DOM时,通常用$(selector).each(function(index,element))函数.
  • 在遍历数据时,通常用$.each(dataresource,function(index,element))函数。

你可能感兴趣的:(js,jquery)