jQuery 遍历 - map() 方法和get()
2017-04-11 17:53
393 查看
jQuery 遍历 - map() 方法
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。
要注意var a=$( “li” ).get(1)里头加序列号可以取到单个元素,这些元素的性质不是jQuery对象,而是Js对象,所以不可直接用jQuery方法。
map先遍历,每一项都返回一个text()值,然后map会将这些值自动去替换("li")集合的每一项值,所以这个时候还是个类数组(因为还是(” li “)的壳子),不是个真正的数组。于是后面加个get()操作就变成真正的数组了,于是可以用join()这样专属于数组的方法。
实例
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。
jQuery下有个概念叫“类数组”,比如$( " li " ),当取到一个集合的时候,会有数组的一些属性,但是instancseof Array仍然是false。但是var a=$( "li" ).get()这样处理一下,然后instancseof Array就返回true。
要注意var a=$( “li” ).get(1)里头加序列号可以取到单个元素,这些元素的性质不是jQuery对象,而是Js对象,所以不可直接用jQuery方法。
map()的功能主要有两步,第一步就是遍历,第二步就是替换。 $( " li " ).map( function( ){ return $(this).text( ); // 注意return关键字不可少 } )
map先遍历,每一项都返回一个text()值,然后map会将这些值自动去替换("li")集合的每一项值,所以这个时候还是个类数组(因为还是(” li “)的壳子),不是个真正的数组。于是后面加个get()操作就变成真正的数组了,于是可以用join()这样专属于数组的方法。
.map(callback(index,domElement)) 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。
实例
<!DOCTYPE html> <html> <head> <style>p { color:red; }</style> <script type="text/javascript" src="/jquery/jquery.js"></script> </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://baidu.com"/> </form> <script> $("p").append( $("input").map(function(){ return $(this).val(); }).get().join(", ") ); </script> </body> </html>
相关文章推荐
- jQuery 遍历 - map() 方法和get()
- jquery的map与get方法详解
- Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解
- JQuery的map和each遍历方法
- 【jQuery 遍历】 - map() 方法
- jQuery 遍历map()方法详解
- Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解
- jquery循环遍历中add\each\andSelf\eq\filter\map\slice方法的使用
- jQuery 遍历 - map() 方法
- jquery map调用get()方法的困惑
- jQuery 遍历 - map() 方法
- jquery的map与get方法详解
- jQuery 遍历 - map() 方法
- 集合部分:Map集合的遍历。方式一:get()方法;方式二:entrySet()方法
- jQuery遍历json中多个map的方法
- jQuery 遍历 - map() 方法
- java和jquery遍历map的方法
- jQuery遍历json中多个map的方法
- jquery的each方法遍历controller返回的json、map
- jQuery 遍历 - map() 方法