jquery-map()遍历

map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。

以下例子显示被选中复选框 ID 组成的逗号分隔的列表：

<form method="post" action="">
  <fieldset>
    <div>
      <label for="two">2</label>
      <input type="checkbox" value="2" id="two" name="number[]">
    </div>
    <div>
      <label for="four">4</label>
      <input type="checkbox" value="4" id="four" name="number[]">
    </div>
    <div>
      <label for="six">6</label>
      <input type="checkbox" value="6" id="six" name="number[]">
    </div>
    <div>
      <label for="eight">8</label>
      <input type="checkbox" value="8" id="eight" name="number[]">
    </div>
  </fieldset>
</form>
<p><b>Values: </b></p>
<button>点我</button>
<script>
 $(document).ready(function(){  
   $("button").click(function(){  
     $("p").append($('input:checked').map(function() {
       return this.id;
     }).get().join(','));
     <!--返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组-->
    });
 });
</script>

和one()方法同用的时候就能避免点击事件重复执行，自己试试吧：
参见：http://wangjingyi.iteye.com/blog/2185684

$(document).ready(function(){    
   $("button").one('click',function(){    
     $("p").append($('input:checked').map(function() {  
       return this.id;  
     }).get().join(',')); 
    });  
 });  

http://www.w3school.com.cn/jquery/traversing_map.asp