Question

我只想从各种项目中切换课程。我的意思是，我在一个.item类的div中有5个.container类的div。我可以将新班级切换到这5个项目吗？也许有一个循环？

我正在尝试做，但是循环似乎是无限的。

这是我尝试过的：

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <button onclick="myFunction()"></button>
</div>

<script>
   function myFunction () {
       var x = document.getElementsByClassName("item");
       for (i=0; i<x.length; i+1) {
           x[i].classList.toggle('new-class');
       }
   }
</script>

我希望最后这样（也许在JS中有一些循环）：

<div class="container">
    <div class="item new-class"></div>
    <div class="item new-class"></div>
    <div class="item new-class"></div>
    <div class="item new-class"></div>
    <div class="item new-class"></div>
</div>

Answer 1

您可以使用for循环和classList.add（）方法来完成此操作。

function myFunction() {
   var items = document.querySelectorAll('.item');

   for(var i = 0; i < items.length; i++) {
    items[i].classList.add('new-class');
   }
}

如何将课程切换到各种项目？

1 个答案: