jquery 遍历 map(callback) - KAXU - ITeye博客

`

KAXU

浏览: 271556 次
性别:
来自: 武汉

最近访客更多访客>>

live365.wang

eyesye

shexindong

祺祥治世

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

dwl0410：我的这种 aciton请求怎么不行啊。。 <scri ...
jquery加载页面时调用js的方法
djinjie945：谢谢，好使
jquery 遍历 map(callback)
KAXU：对的，官网上的。
jquery 控制 insertBefore(content)
sumaolin：这是手册上的示例吧
jquery 控制 insertBefore(content)
KAXU： black.angel 写道楼主你是转载的吧，怎么弄都弄不好 ...
AppFuse2.0 初始化

jquery 遍历 map(callback)

博客分类：

jQuery

阅读更多

map(callback)

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("p").append( $("input").map(function(){
      return $(this).val();
    }).get().join(", ") );

  });
  </script>
  <style>
  p { color:red; }
  </style>
</head>
<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://ejohn.org/"/>
  </form>
</body>
</html>

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

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

分享到：

jquery 遍历 not(expr) | jquery 遍历 is(expr)

2008-12-31 14:40
浏览 4479
评论(1)
查看更多

评论

1 楼 djinjie945 2013-04-24

谢谢，好使

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jQuery 遍历map()方法详解: .map(callback(index,domElement)) 三、详细说明由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组四、案例： <!DOCTYPE html> <html> <head> <meta charset=utf-...

浅析jQuery 遍历函数，javascript中的each遍历_.docx: 15. `.map()` 方法：把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象。 16. `.next()` 方法：获得匹配元素集合中每个元素紧邻的同辈元素。 17. `.nextAll()` 方法：获得匹配元素集合中每个...

jquery遍历数组与筛选数组的方法: 总结来说，jQuery提供了丰富的数组处理功能，如`grep`用于筛选，`each`用于遍历，`inArray`用于查找元素位置，以及`map`用于转换数组元素。这些方法极大地提高了开发效率，使得处理数组和对象变得更加简洁和高效。在...

jquery.map()方法的使用详解: `jQuery.map()`接受两个参数：一个数组或对象（`arrayOrObject`），以及一个回调函数（`callback`）。回调函数会在数组的每个元素或对象的每个属性上执行，接收三个参数：当前元素（`elem`）、元素的索引（`i`）以及...

Jquery中map函数的用法: jQueryObject.map(callback(index, domElement)); ``` 这里的`callback(index, domElement)`是一个回调函数，它会针对当前匹配集合中的每个元素执行一次。回调函数接受两个参数：第一个是当前元素的索引（从0开始...

原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作: 本文实例讲述了原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作。分享给大家供大家参考，具体如下：一、原生JS forEach()和map()遍历共同点： ①.都是循环遍历数组中的每一项。 ②....

遍历DO元素: 遍历DOM元素是JavaScript和jQuery中常见的任务，用于查找、修改或者操作页面内容。本篇将详细探讨如何在jQuery中遍历和筛选DOM元素。首先，我们来看3.1.1章节关于按索引筛选元素的方法： 1. `.eq(index)`：这个...

jquery map方法使用示例: jQuery.map(array, callback(elementOfArray, indexInArray)) -> Array - `array`：这是一个数组或类数组对象，map方法将遍历这个集合中的每个元素。 - `callback`：这是对每个元素执行的函数，它接受两个参数，...

jQuery技术手册: **4.4 jQuery遍历-同胞** - **next()`: 选择当前元素的下一个同胞元素。 - **prev()`: 选择当前元素的上一个同胞元素。 - **siblings(selector)`: 选择当前元素的所有同胞元素。 **4.5 jQuery遍历-过滤** - **...

jQuery 1.9.1源码分析系列（十四）之常用jQuery工具: 而jQuery.each(object, callback)函数则是一个通用的遍历工具，用于遍历对象和数组中的每个元素，并且在回调函数中以元素为上下文执行操作。jQuery.each()函数与jQuery对象的each()方法不同，后者是实例方法，但其...

jquery属性,遍历,HTML操作方法详解: - `.map(callback)`：将每个元素传递给回调函数，创建新的JQuery对象包含返回的结果。 - `.next(selector)`：获取每个元素的下一个同辈元素，可选地通过`selector`进行筛选。 - `.nextAll(selector)`：获取每个...

Jquery $.map使用方法实例详解: 在jQuery 1.6版本之前，$.map()方法仅支持数组的遍历。从jQuery 1.6开始，$.map()也支持对象的遍历。这意味着无论是数组还是对象，$.map()都可以对其元素或属性进行迭代。特别需要注意的是，$.map()方法处理的函数...

jQuery函数map()和each()介绍及异同点分析: map(callback) 为包装集中的每一个元素调用回调函数，并将返回值收集到jQuery对象的实例中。参数 callback （函数）回调函数，为包装集中的每个元素调用该函数。比如，下面的代码将页面上所有div元素的id值收集到...

jQuery 1.4.1 中文参考: - `each(callback)`：遍历jQuery对象中的每个元素并执行回调函数。 - `size()`：返回jQuery对象中元素的数量，等同于`length`属性。 - `length`：返回jQuery对象中元素的数量。 - `selector`和`context`：分别表示...

jquery.i18n.properties-min-1.0.9: jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。通过jQuery，开发者可以编写更简洁、高效的代码，提高了开发效率。 2. **jQuery i18n.properties插件介绍** jQuery...

jquery开发入门整理(所需要了解的): jQuery提供了多种遍历方法，如`.each()`、`.map()`等，这些方法可以用来遍历DOM元素或数组，并对每个元素执行指定的操作。 ### 12种jQuery性能优化方法解析 - **减少DOM操作**：尽可能减少直接操作DOM的次数。 - **...

JS forEach和map方法的用法与区别分析.docx: 在JavaScript中，forEach和map方法是两个非常常用的数组遍历方法，它们都是ECMA5中Array引进的新方法，主要作用是对数组的每个元素执行一次供应的函数。然而，它们之间还是有区别的，本文将主要介绍JS forEach和map...

jQuery详细教程: jQuery详细教程，讲解很透彻，一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() ...

JqueryApi中文手册: - 遍历元素：`.each(callback)` - 数组操作：`.map(function)`, `.grep(array, function)` 9. **实用方法** - DOM元素转换：`.jQuery(obj)`, `.wrap(element)`, `.unwrap()` - 文本/HTML操作：`.text()`, `....

JQuery1.11(含vsdoc智能提示): 在jQuery 1.11中，`map()`方法用于遍历jQuery对象中的每个元素，将它们转换为新的数组。`map(function(index, element))`中，`index`是元素的索引，`element`是DOM元素。此方法常用于数据处理和转换。 ### 7. `...

Global site tag (gtag.js) - Google Analytics