jquery map方法使用示例
jquery map方法使用示例
发布时间:2016-12-30 来源:查字典编辑
摘要:jQuery.map(array,callback(elementOfArray,indexInArray))Returns:Array感觉...

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>

对于CSDN的代码编辑,实在不敢恭维,我在jsFiddle创建了上述例子,附链接:http://jsfiddle.net/dV8eh/。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类