jqueryマップメソッドの使用例example_jquery

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

Returns: Array

jqueryのmapメソッドがとても使いやすいと感じたので共有したいと思います。

メソッド関数: 配列または単一のオブジェクトを新しいコンテンツに置き換えます。
アプリケーション例: 英語のカンマで区切られ、結合されたチェックボックス値のセットを取得します。

コードをコピーします コードは次のとおりです。

>
><スクリプト>
$(function(){
$("input").click(function(){
var str = $(":checked").map(function(){
return this.value;
}).get().join(",")
$("span").html(str);
})
})


a
b
c

結果表示:




上記の例は、jsFiddle で作成しました。 http://jsfiddle.net/dV8eh/。