程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了用 JavaScript 过滤掉一个类成员大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决用 JavaScript 过滤掉一个类成员?

开发过程中遇到用 JavaScript 过滤掉一个类成员的问题如何解决?下面主要结合日常开发的经验,给出你关于用 JavaScript 过滤掉一个类成员的解决方法建议,希望对你解决用 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,请注明来意。
标签: