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

Question

有多个元素 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()

Answer 1

你需要使用.each()来遍历.black-links

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

Answer 2

因为您必须使用相同的 class 选择器覆盖多个元素 black-links ,你需要循环 it.you 可以使用 for 或 each 来完成。

$(document).ready(function() {
$(".black-links").each(function(){
console.log($(this).html());
 });
  });

<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>

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

How to parse all elements inside a webpage through jquery in chrome console

html

jquery

google-chrome

console.log