如何通过chrome控制台中的jquery解析网页内的所有元素

时间:2015-11-18 12:12:27

标签: jquery html google-chrome console.log

有多个元素,其中class =" black-links"元素的nad html就是这样的

<a class="black-links">Hello Seattle</a>
<a class="black-links">Cowboys things</a>

我也在使用jquery,我写了

$(".black-links").html();

这显然只给了我第一个元素的html。如何获取所有链接()

中的所有html

2 个答案:

答案 0 :(得分:1)

您需要使用.each()来循环浏览.black-links

$(".black-links").each(function(){
    console.log($(this).html());  //in your case you can use .text()
    console.log($(this).text());
});

答案 1 :(得分:0)

因为您必须使用相同的类选择器black-links覆盖多个元素  ,你需要循环它。你可以使用foreach来完成它。

&#13;
&#13;
$(document).ready(function() {
$(".black-links").each(function(){
console.log($(this).html());
	});
  });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="black-links">Hello Seattle</a>
<a class="black-links">Cowboys things</a>
&#13;
&#13;
&#13;