Javascript 如何按类名从选择中排除元素？ 首先 第二 第三种 第四

使用

document.getElementsByClassName（'text'）

我获得了所有4个元素。如何选择class

text

但NOTclass

last

的每个元素<还应选择代码>文本其他

使用Javascript/JQuery是否有一些简单的方法来实现这一点？

您可以使用

:not（）

选择器，因此它应该是

$（'.text:not（.last）

或

$（'.text'）。而不是（'.last'）

$（'.text:not（.last））.css（'color'，'red'）

首先
第二
第三种

第四

您可以使用

:not（）

选择器，因此它应该是

$（'.text:not（.last））

或

$（'.text'）。而不是（'.last'）

$（'.text:not（.last））.css（'color'，'red'）

首先
第二
第三种

第四

您可以将

查询选择器all

与

not

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

---

您可以将

querySelectorAll

与

not

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

---

使用HTML5选择器API

queryselectoral（）

和

：not（）

选择器：

document.querySelectorAll（'.text:not（.last））

工作代码示例：

document.querySelectorAll（'.text:not（.last））.forEach（函数（p）{
console.log（p.textContent）
});

首先
第二
第三种

第四
使用HTML5选择器API
queryselectoral（）
和
：not（）
选择器：

document.querySelectorAll（'.text:not（.last））

工作代码示例：


document.querySelectorAll（'.text:not（.last））.forEach（函数（p）{
console.log（p.textContent）
});

首先
第二
第三种

第四