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

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 bar = document.querySelectorAll(".foo")
console.log( 'bar >>', bar[bar.length - 1] )

查看选择器概述