jQuery 遍历 (each、map)

jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。

jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。

1、each() 对 jQuery 对象进行迭代,为每个匹配元素执行函数。

实例

输出每个 li 元素的文本:

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

2、.map()  把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。 

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

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

<body>
  <p><b>Values: </b></p>
  <form>
    <input type="text" name="name" value="John"/>
    <input type="text" name="password" value="password"/>
    <input type="text" name="url" value="http://w3school.com.cn/"/>
  </form>

<script>
  $("p").append( $("input").map(function(){
    return $(this).val();
  }).get().join(", ") );
</script>

</body>

 输出结果

 

posted on 2017-07-17 08:56  michellexiaoqi  阅读(746)  评论(0编辑  收藏  举报