jquery 遍历 map(callback)

map(callback)

将当前匹配集合中元素通过‘callback’函数处理得到的一串新元素，进行组合成一个新列表(list)

Html代码  收藏代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   
  2.                     "http://www.w3.org/TR/html4/loose.dtd">  
  3. <html>  
  4. <head>  
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>  
  6.     
  7.   <script>  
  8.   $(document).ready(function(){  
  9.       
  10.     $("p").append( $("input").map(function(){  
  11.       return $(this).val();  
  12.     }).get().join(", ") );  
  13.   
  14.   });  
  15.   </script>  
  16.   <style>  
  17.   p { color:red; }  
  18.   </style>  
  19. </head>  
  20. <body>  
  21.   <p><b>Values: </b></p>  
  22.   <form>  
  23.     <input type="text" name="name" value="John"/>  
  24.     <input type="text" name="password" value="password"/>  
  25.     <input type="text" name="url" value="http://ejohn.org/"/>  
  26.   </form>  
  27. </body>  
  28. </html>  

 

$("p").append( $("input").map(function(){

对匹配input元素集合进行处理，处理后将返回值组合成新列表。

posted @ 2014-12-03 11:44  sunruntheway  阅读(160)  评论(0)  编辑  收藏  举报