码迷,mamicode.com
首页 > Web开发 > 详细

jquery 中的 map each has

时间:2016-07-01 01:05:37      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

通过map可以将包装集中的元素转换为数组:

<table border="1">
<thead><tr><td>用户ID</td><td>用户姓名</td><td>用户密码</td></tr></thead>
<tbody>
       <tr><td>1</td><td>张三</td><td>密码--123</td></tr>
       <tr><td>2</td><td>赵四</td><td>密码--224</td></tr>
       <tr><td>3</td><td>王五</td><td>密码--147</td></tr>
       <tr><td>4</td><td>孙六</td><td>密码--158</td></tr>
       <tr><td>5</td><td>朱七</td><td>密码--391</td></tr>
</tbody>
</table>

技术分享

$(function(){
       var ps = $("tbody td:nth-child(1)").map(function(){
                var p = {"id":$(this).html(),"name":$(this).next("td").html()};
                return p
            }).get();

       for (var i = 0; i < ps.length; i++) {
           alert(ps[i].name)  //分别输出: 张三  赵四  王五  孙六  朱七
       };
    })

has   

技术分享

 

each()   jquery 自己的遍历方法

对jquery而言,可以用each遍历所有的数组对象,each中的匿名函数n表示的是数组的下标,n从0开始

  $(function(){
      $("tbody td:nth-child(2)").each(function(n){
            alert(n+1+"--"+$(this).html());
      });

       
    })

 

jquery 中的 map each has

标签:

原文地址:http://www.cnblogs.com/a-lonely-wolf/p/5631579.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!