在网页开发中经常会碰到获取同种类型的 标签 的值得问题,比如下面的两种情况.
当需要批量获取同种标签的指定值时,新人就会碰上一点小麻烦.
比如 id=problem1的demo
1. var list1=$("#problem1").children();//获取到problem1指定的对象数组 2. console.log(list1);//打印到控制台
|
控制台中输出的跟我们想象中的是一样的.那么接下来看下一段代码
1. 12 var list1=$("#problem1").children().html(); 2. console.log(list1);
|
根据上面的内容,新人就会认为list是一个 储存的每个li对象中的值得数组
但控制台的输出结果为:
只输出了第一个li中的内容,新人(我)在这里就懵逼了(想不通),为什么跟想象中的完全不同
经过查阅各种资料,最终找到了问题所在:
此时的list1的数组中
每个元素已经不是'li'对象,如此运行控制台会报错:
这里想要达到我们的目的必须要用到
JQuery中的each()方法:
each() 方法为每个匹配元素规定要运行的函数。
语法
$( selector ).each(function (index,element) )
所以我们采用以下方式获取到我们所需要的内容
1. var array=new Array();//声明一个新的数组 2. 3. var list1=$("#problem1").children().each(function (index,element) { 4. //遍历每个对象 5. array.push($(this).html()); 6. //往数组中存入值 7. }); 8. console.log(array);
|
我们想要达到的目的便实现了.
下面是完整的demo:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
|
查看前端面试题小程序, MST题库
WX搜索 【MST题库】小程序查看