jQuery 遍历 - map() 方法

时间:2022-03-03 09:59:12

定义和用法

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

例子1:

构建表单中所有值的列表:

<p><b>value为: </b></p>
<form>
  <input type="text" name="name" value="Allan"/>
  <input type="text" name="Hello" value="Hello"/>
  <input type="text" name="url" value="http://google.com/"/>

</form>

<script>

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

return $(this).val();

}).get().join() );

</script>

输出:

value为:Allan,Hello,http://google.com/

详细说明

由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。

.map() 方法对于获得或设置元素集的值特别有用。