javascript - 如何从选择中按类名排除元素？

Question

<div id="container">
  <p class="text">First</p>
  <p class="text">Second</p>
  <p class="text other">Third</p>
  <p class="text last">Fourth</p>
</div>

使用 document.getElementsByClassName('text')我得到了所有 4 个元素。如何选择类 text 的每个元素但不是类 last ？ text other还应该选择。

是否有一些简单的方法可以使用 Javascript/JQuery 实现此目的？

Answer 1

您可以将 querySelectorAll 与 not 一起使用

document.querySelectorAll('p.text:not(.last)');