如何选择特定类的最后一个元素

Question

我想知道为什么 foo 记录一个值而 bar 没有。它们在语法上似乎也相同。

编辑：这是一个 XY 问题。我的目标是获取类的最后一个元素，foo我尝试使用last-child. 我试过last-of-type无济于事。

const foo = document.querySelector(".some-element:last-child")

const bar = document.querySelector(".foo:last-child")

console.log('foo >>',foo)

console.log('bar >>',bar)

<article>

  <div class="foo">This `div` is first.</div>

  <div class="foo">This <span>nested `span` is last</span>!</div>

  <div>This <em>nested `em` is first</em>, but this <em>nested `em` is last</em>!</div>

</article>

<ul>

  <li class="some-element">1</li>

  <li class="some-element">2</li>

  <li class="some-element">3</li>

</ul>

Answer 1

您可以querySelectorAll()用于按类选择所有元素。并获取最后一个元素与类试试这个：const&nbsp;bar&nbsp;=&nbsp;document.querySelectorAll(".foo") console.log(&nbsp;'bar&nbsp;>>',&nbsp;bar[bar.length&nbsp;-&nbsp;1]&nbsp;)查看选择器概述