jquery 中的 map each has

通过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());
      });

    })
时间: 2024-08-07 19:07:51

jquery 中的 map each has的相关文章

jQuery中的map()方法

jQuery中map()方法的使用格式为:$(selector).map(callback(index,domElement)). 将在每一个被选元素上执行map()方法中设置的回调函数,在回调函数中,关键字this指向当前操作的被选元素.回调函数可以返回一个数据项,或者是一个数据项数组.返回的数据项或者数据项数组中的元素会被添加到结果集中,最终,返回一个包含结果集中所有数据项的新的jQuery对象. 该方法可以用于获取所有被选元素的某一属性的值,将返回包含所有属性值的jQuery对象.

jquery中的$.map()函数

$.map(data,function(item,index){return XXX}) 遍历data数组中的每个元素,并按照return中的计算方式 形成一个新的元素,放入返回的数组中 var b = $.map( [55,1,2], function( item,index ) {  return {  "label": item,  "value": index  }}); alert(b[0].label +"  "+ b[0].valu

jquery中map函数与each函数的区别

?jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的. ?其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组.而map方法会返回一个新的数组.如果在没有必要的情况下使用map,则有可能造成内存浪费. ?例如: var items = [1,2,3,4]; ? $.each(items, function() { alert('this is ' + this); }); var newItems = $.map(items, function(

jQuery中提供的三个函数:map,each,trim

jQuery中提供的三个函数: map,each,trim $.map(arry,callback(element,index)); 对于数组array中的每个元素,调用callback()函数,最终返回一个新的数组.原数组不变. 源码 // arg is for internal usage only map: function( elems, callback, arg ) { var length, value, i = 0, ret = []; // Go through the arr

jquery中的each函数和map函数的区别

jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的. 其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组.而map方法会返回一个新的数组.如果在没有必要的情况下使用map,则有可能造成内存浪费. 例如: var items = [1,2,3,4];  $.each(items, function() {  alert('this is ' + this);  });  var newItems = $.map(items, function(i

jQuery中的CSS(二)

一:获取样式和设置样式 4.移除样式: 5.切换样式 6.判断是否包含某个样式 二:设置或获取HTML.文本和值 html() 取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档. 返回值 String 示例 HTML 代码: <div><p>Hello</p></div> jQuery 代码: $("div").html(); 结果: <p>Hello</p> html(val

jquery中attr方法和prop方法的区别

关于checked的属性,最重要的概念就是你要记住,它跟checked的状态值是毫无关系的,设置checked = "checked"或者checked = "true"等属性设置,和它的状态值true/false是无关的.,而这里的属性值,事实上只是和defaultChecked的状态值有关,并且只能用来设置checkbox的初始的值.checked的属性值并不会随着checkbox的的状态变化而变化,可是checkbox的状态值却会.因此,为了能更好的跨浏览器的

jQuery中的100个技巧

1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script> // Different ways to achieve the Document Ready event //

javascript与jQuery的each,map回调函数参数顺序问题

<script> var arr = [2,3,6,7,9]; //javascript中的forEach 和 map方法 arr.forEach(function(value,index){//(值,索引) console.log(value); }); arr.map(function(value,index){//(值,索引) console.log(value); }); //jQuery的 each map方法 $(arr).each(function(index,value){//