如何筛选含text类但不含last类的元素？JS/JQuery实现方法

好问题！针对你提出的需求，不管是用原生 JavaScript 还是 jQuery，都有很简便的实现方式，我给你逐一说明：

原生 JavaScript 实现 #

方法1：直接用 CSS 选择器一次性获取 #

这是最简洁高效的方式，利用原生的querySelectorAll结合 CSS 的:not()伪类，直接定位到符合条件的元素：

// 直接拿到所有含text类且不含last类的元素
const filteredElements = document.querySelectorAll('.text:not(.last)');

这个方法不需要先获取全部text元素再二次筛选，一步到位，可读性和效率都很高。

方法2：先获取全部再筛选 #

如果你已经通过getElementsByClassName拿到了所有text元素集合，也可以把它转成数组后用filter方法过滤：

const allTextElements = document.getElementsByClassName('text');
// 把HTMLCollection转成数组，再筛选掉含last类的元素
const filteredElements = Array.from(allTextElements).filter(element => !element.classList.contains('last'));

这里要注意getElementsByClassName返回的是HTMLCollection（不是数组），所以需要用Array.from()或者展开运算符[...allTextElements]转成数组后才能使用filter方法。

jQuery 实现 #

jQuery 对 CSS 选择器的支持非常友好，直接用:not()伪类就能轻松实现需求：

// 直接获取目标元素
const $filteredElements = $('.text:not(.last)');

这种方式和原生的querySelectorAll思路一致，写法更简洁，如果你已经在项目中使用 jQuery，这会是最顺手的方案。

内容的提问来源于stack exchange，提问作者user2651804