Rumah > hujung hadapan web > tutorial js > jquery map方法使用示例_jquery

jquery map方法使用示例_jquery

WBOY
Lepaskan: 2016-05-16 16:51:25
asal
1120 orang telah melayarinya

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

Returns: Array

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

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

复制代码 代码如下:




<script> <BR>$(function(){ <BR>$("input").click(function(){ <BR>var str = $(":checked").map(function(){ <BR>return this.value; <BR>}).get().join(",") <BR>$("span").html(str); <BR>}) <BR>}) <BR></script>


a
b
c


结果展示:



对于CSDN的代码编辑,实在不敢恭维,我在jsFiddle创建了上述例子,附链接:http://jsfiddle.net/dV8eh/。
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan