jquery map方法使用示例

166 阅读 0 评论 110 点赞

我是靠谱客的博主无语手套，最近开发中收集的这篇文章主要介绍jquery map方法使用示例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

jQuery.map( array, callback(elementOfArray, indexInArray) )

Returns: Array

感觉jquery的map方法非常好用，特向大家分享下。

方法作用：将数组或单个对象，替换为新的内容。
应用实例：获取一组checkbox的值，以英文逗号分隔，进行拼接。

复制代码代码如下:

 
<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> 
<script> 
$(function(){ 
$("input").click(function(){ 
var str = $(":checked").map(function(){ 
return this.value; 
}).get().join(",") 
$("span").html(str); 
}) 
}) 
</script> 
</head> 
<body> 
<input type="checkbox" value="a"/>a 
<input type="checkbox" value="b"/>b 
<input type="checkbox" value="c"/>c 
<br/> 
结果展示：<span/> 
</body> 
</html> 