【www.gdgbn.com--jquery】

jquery.map( array, callback(elementofarray, indexinarray) )


看一实例




 
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>


 
 


 
 
<script>

    var arr = [ "a", "b", "c", "d", "e" ];
    $("div").text(arr.join(", "));

    arr = jquery.map(arr, function(n, i){
      return (n.touppercase() + i);
    });
    $("p").text(arr.join(", "));

    arr = jquery.map(arr, function (a) { return a + a; });
    $("span").text(arr.join(", "));

</script>


结果

a, b, c, d, e
a0, b1, c2, d3, e4

a0a0, b1b1, c2c2, d3d3, e4e4


方法二

 

jquery.fn.join = function(sep,mapvalue){
return $.map(this,mapvalue).join(sep);
};
jquery.fn.joinattr = function(sep,attr){
return this.join(sep,function(item){return $(item).attr(attr);});
};
jquery.fn.joinvalue = function(sep){
return this.join(sep,function(item){return $(item).val();});
};

使用方法如下

 

$("#getid").click(function(){
alert($("input").joinattr(",","id"));
});
$("#getvalue").click(function(){
alert($("input").joinvalue(","));
});

 

本文来源:http://www.gdgbn.com/wangyezhizuo/28195/