`
KAXU
  • 浏览: 267190 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 遍历 map(callback)

阅读更多

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元素集合进行处理,处理后将返回值组合成新列表。

分享到:
评论
1 楼 djinjie945 2013-04-24  
谢谢,好使

相关推荐

    jQuery 遍历map()方法详解

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

    luisedware#Archives#关于-PHP-函数-array-map-的一些想法1

    参数回调函数,应用到每个数组里的元素数组,遍历运行 callback 函数数据列表,每个都遍历运行 callback 函数范例array_map 实现 fore

    jquery遍历数组与筛选数组的方法

    grepgrep()方法用于数组元素过滤筛选 grep(array,callback,invert)array:待过滤数组;callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数,第一个是当前数组元素的值,一个是当前数组元素的下标,即...

    jquery map方法使用示例

    jQuery.map( array, callback(elementOfArray, indexInArray) ) Returns: Array 感觉jquery的map方法非常好用,特向大家分享下。 方法作用:将数组或单个对象,替换为新的内容。 应用实例:获取一组checkbox的值,以...

    jQuery Callback 方法

    jQuery Callback 方法 Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子:$(“p”).hide(“slow”) speed 或 ...

    jquery数组封装使用方法分享(jquery数组遍历)

    $.each(array, [callback]) 遍历 不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果...

    jquery.map()方法的使用详解

    return this.pushStack( jQuery.map(this, function( elem, i ) { return callback.call( elem, i, elem ); })); }, 本文主要就是分析静态map方法至于pushStack在下一篇随笔里面分析; 首先了解下map的使用...

    原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作

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

    jQuery事件回调李斯特「jQuery Event Callback Lister」-crx插件

    用于查看jQuery回调事件的...此插件在“元素”面板上添加了一个新的侧边栏-jQuery Callback Events侧边栏-显示了所选元素的事件处理程序,包括正在发生或委托给对所选元素有影响的其他元素的事件。 支持语言:English

    jQuery 1.4.1 中文参考

    11.2.5 jQuery.map(array, callback) 186 11.2.6 jQuery.inArray(value, array) 187 11.2.7 jQuery.toArray() 188 11.2.8 jQuery.merge(first, second) 188 11.2.9 jQuery.unique(array) 189 11.2.10 jQuery.parse...

    jquery get id val from callback

    NULL 博文链接:https://jeemygrow.iteye.com/blog/1271174

    爬虫爬到的内容_JS生成的数据基于JQuery

    爬到的内容,用处不大,爬虫爬到的内容_JS生成的数据基于JQuery

    Jquery中map函数的用法

    很久没用map()这个函数了,由于最近看一篇react的...map()函数把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的Jquery对象 语法:.map(callback(index,domElement)) callback(index,domElment)》》》》

    在线培训:JQuery

    本次在线培训任务 JQuery简介 JQuery语法 JQuery选择器 JQuery事件 JQuery Callback函数 JQuery常用函数 JQuery实现图片预览效果

    jQuery中文API

    jquery中文文档api, jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get([index]...

    jQuery 参考手册 速查表

    jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) size() length selector context get([index]) index([selector|element]) 数据缓存 data([key],[value]) removeData([name|...

    jQuery 回调函数(callback)的使用和基础

    主要介绍了jQuery 回调函数(callback)的使用和基础,需要的朋友可以参考下

    演示如何实现jquery的回调函数

    通过jquery,通过ajax技术访问 server.asp,然后在用回调函数实现本地javascript的调用。这样可以实现通过服务器端控制客户端的html元素。 &lt;!--html客户端代码,演示如何调用jquery的回调函数--&gt;

    jquery.i18n.properties和jquery.easyui.min

    mode : 'map', //用Map的方式使用资源文件中的值 language : i18nLanguage, cache:false, //指定浏览器是否对资源文件进行缓存,默认false encoding: 'UTF-8', //加载资源文件时使用的编码。默认为 UTF-8。 ...

    jQuery函数map()和each()介绍及异同点分析

    map(callback) 为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象的实例中。 参数 callback (函数)回调函数,为包装集中的每个元素调用该函数。 比如,下面的代码将页面上所有div元素的id值收集到...

Global site tag (gtag.js) - Google Analytics