Jquery.map (Array, callback (Elementofarray, Indexinarray))
Look at an example
<!doctype html>
<style>
div {color:blue;}
p {color:green; margin:0;}
span {color:red;}
</style>
<script src= "Http://code.jquery.com/jquery-1.4.4.js" ></script>
<body>
<div></div>
<p></p>
<span></span>
<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>
</body>
Results
A, B, C, D, E
A0, B1, C2, D3, E4
A0A0, B1b1, C2C2, D3D3, e4e4
Method Two
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 ();});
};
Use the following methods
$ ("#getid"). Click (function () {
Alert ($ ("input"). Joinattr (",", "id"));
});
$ ("#getvalue"). Click (function () {
Alert ($ ("input"). Joinvalue (","));
});