为什么 jQuery select 在选择器中 chaining.attr() 时只有一个元素？

Question

我有一个简单的链接列表：

<ul>
  <li><a href="1">link 1</a></li>
  <li><a href="2">link 2</a></li>
  <li><a href="3">link 3</a></li>
  <li><a href="4">link 4</a></li>
  <li><a href="5">link 5</a></li>
  <li><a href="6">link 6</a></li>
  <li><a href="7">link 7</a></li>
  <li><a href="8">link 8</a></li>
  <li><a href="9">link 9</a></li>
  <li><a href="10">link 10</a></li>
</ul>

我如何 select 这些链接与 jQuery？

$('a') - 这将返回所有链接

如何获取这些链接的所有内容（“链接 1”、“链接 2”、“链接 3”...）？

$('a').text()

如何从链接（1、2、3 ...）中获取所有href？

$('a').attr('href')

不正确 ^ 它只选择第一个链接并返回1而不是[1, 2, 3, 4, 5, 6, 7, 8, 9, 10] 。

我知道我可以map ，做each等等，但是我正在编写一个经常使用它的爬虫，并想知道为什么会发生这种情况以及我是否可以在这里获得所有没有任何循环的href，只需使用jQuery的（最好是jQuery核心）选择器?

演示： https://jsfiddle.net/z5j1ty08/

Answer 1

如果没有循环遍历它们，您就无法真正循环遍历 DOM 元素。

循环不会对您的网络爬虫的性能产生任何显着影响。

话虽这么说，你只是在看：

$('a').each(function() {
  console.log($(this).text());
});

演示： https://jsfiddle.net/q1er5946/