js提取指定网站内容(网页开发中获取同种类型的标签的值得问题)

　　js提取指定网站内容(网页开发中获取同种类型的标签的值得问题)

　　本文文章主要介绍jQuery同时获取多个标签的指定内容并存储为数组的相关知识。非常好，有一定的参考价值。有需要的朋友可以参考。

　　在web开发中，我们经常会遇到获取同类型标签的有价值的问题，比如以下两种情况。

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

　　例如id=problem1的demo

　　 var list1=$("#problem1").children();//获取到problem1指定的对象数组 console.log(list1);//打印到控制台

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

　　 var list1=$("#problem1").children().html(); console.log(list1);

　　根据上面的内容，新人会认为list就是每个li对象中存储的值的数组。

　　但是控制台的输出是：

　　只输出了第一个li里面的内容，新人（我）在这里糊涂了（想不通），为什么和我想象的完全不一样

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

　　此时在list1的数组中

　　每个元素不再是'li'对象，所以运行控制台会报错：

　　这里要达到我们的目的必须使用

　　JQuery 中的 each() 方法：

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

　　语法

　　$( 选择器 ).each(function (index,element))

　　所以我们使用下面的方法来获取我们需要的内容

　　 var array=new Array();//声明一个新的数组 var list1=$("#problem1").children().each(function (index,element) {//遍历每个对象 array.push($(this).html());//往数组中存入值 }); console.log(array);

　　我们想要实现的目标已经实现。

　　这是完整的演示：

　　 demo 要获取的内容1要获取的内容2要获取的内容3要获取的内容4要获取的内容5 类型:要获取的内容2 类型:要获取的内容3 类型:要获取的内容4 类型:要获取的内容5 类型:要获取的内容6

　　内容打印在控制台

　　总结

　　以上就是jQuery同时获取多个标签的指定内容并存储为数组的详细内容。更多详情请关注其他相关html中文网站文章！