大佬教程收集整理的这篇文章主要介绍了用 JavaScript 过滤掉一个类成员,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这可能是一个简单的问题,但我才刚刚开始编码,请耐心等待...
我有一堆元素,具有相同的两个类,partWIEl 和 partWIElin。我想从所有这些中删除第二个类,除了第一个。
基本上,这就是我想要的,但我认为我不能在这些方括号内使用数学运算符:
partWIEl[>0].classList.remove("partWIElin");
我该怎么做?
试试这个
[...document.querySelectorAll(".partWiel")] // get all partWiel into an array
.slice(1) // drop the first
.forEach(part => part.classList.remove("partWielIn")); // remove from the rest
.partWiel {
background-color: red
}
.partWielIn {
background-color: blue
}
<ul>
<li class="partWiel partWielIn">partWiel</li>
<li class="partWiel partWielIn">partWiel</li>
<li class="partWiel partWielIn">partWiel</li>
<li class="partWiel partWielIn">partWiel</li>
<li class="partWiel partWielIn">partWiel</li>
<li class="partWiel partWielIn">partWiel</li>
<li class="partWiel partWielIn">partWiel</li>
</ul>
,
下面的怎么样?
var elements = document.querySelectorAll(".partWiel");
elements.forEach(function (element,index) {
if (index != 0) {
element.classList.remove("partWielIn");
}
});
,
1- 首先选择具有“partWiel”类的所有元素:
const list = document.querySelectorAll('.partWiel');
2- 遍历元素并从除第一个元素之外的所有元素中删除“partWeilIn”类:
for(let i = 1; i < list.length; i++) {
list[i].classList.remove("partWielIn")
}
以上是大佬教程为你收集整理的用 JavaScript 过滤掉一个类成员全部内容,希望文章能够帮你解决用 JavaScript 过滤掉一个类成员所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。