在网页开发中，我们经常会遇到获取同类型标签的问题，比如下面两种情况。

当需要批量获取同一标签的指定值时，新人会遇到一点小麻烦。

例如，id=problem1的演示

var list1=$('#problem1 ')。儿童()；//获取由problem1指定的对象数组console . log(list 1)；//打印到控制台

控制台中的输出与我们想象的一样。然后让我们看看下一个代码

var list1=$('#problem1 ')。儿童()。html()；console . log(list 1)；根据以上内容，新来者会认为列表是每个li对象中存储值的数组

但是控制台的输出是：

只有第一个li里的内容是输出的，新人(我)是被逼到这里的(我想不通)。为什么和想象的完全不一样

查阅了各种资料，终于找到了问题：

在列表1的数组中，

每个元素不再是一个“li”对象，因此运行控制台将报告一个：的错误

我们必须在这里利用它来实现我们的目标

JQuery :中的每个()方法

each()方法为每个匹配的元素指定要运行的函数。

语法

$(选择器)。每个(函数(索引，元素) )

因此，我们使用以下方法来获取我们需要的内容

var Array=new Array()；//声明一个新的数组varlist1=$ ('# problem1 ')。儿童()。每个(函数(索引，元素){//遍历每个对象数组. push($(this))。html())；//在数组中存储值})；console.log(数组)；

我们想要实现的已经实现了。

以下是完整的演示：

！DOCTYPE html html head meta charset=' utf-8 '/meta http-equiv=' X-UA-Compatible '内容=' IE=edge ' title demo/title meta name=' viewport '内容='width=device-width，initial-scale=1' /head body！-第一个-ul id='问题1 '要收购的内容1/Li要收购的内容2/Li要收购的内容3/Li要收购的内容4/Li要收购的内容5/li /ul！-第二个-ul id='问题2' lispan类型：/span div要获取什么2/div /li li span类型：/span div要获取什么3/div/Li span类型：/span div要获取什么4/div/Li span类型：/span div要获取什么5/div/Li span类型：/span div要获取什么6/div/Li/ul/body script src=' http :3355儿童()。每个(函数(索引，元素){//遍历每个对象数组. push($(this))。html())；//在数组中存储值})；console.log(数组)；var array2=新数组()；var list2=$('#problem2 ')。儿童()。儿童(' div ')。每个(函数(键，值){ array2.push($(this))。html())；})console . log(array 2)；/script /html内容打印在控制台上

摘要

上面提到的是边肖介绍的jQuery获取多个标签的指定内容，同时存储为数组，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！