javascript - 在 foreach 循环内切换类

Question

我有一个按钮，可以在单击按钮时将类切换为隐藏和显示。

我的问题是切换仅适用于一个特定元素。它不适用于多个类/或 ID。我有一个循环遍历博客的 @foreach 循环，单击时我需要隐藏 div，但所有这些 foreach 循环都会生成相同的 ID。

这就是我现在拥有的:

 <button class="btn btn-primary">Preview</button> <br />


@foreach($blog as $b)
  <div class="col-md-12" class="toggleButtonsFeatured">
    some text here....
  </div>
@endforeach


 <script>
        $( "button" ).click(function() {
            $(".toggleButtonsFeatured").toggleClass(); 
        });
 </script>   

如何一次切换所有这些动态生成的 div？

Answer 1

将“id”更改为类(class)并按类(class)切换。 Jquery 无法更改具有相同 id 的多个元素。一页上不应该有多个具有相同 id 的元素。

<button class="btn btn-primary">Preview</button> <br />


@foreach($blog as $b)
  <div class="col-md-12 toggleButtonsFeatured">
    some text here....
  </div>
@endforeach


<script>
    $( "button" ).click(function() {
        $(".toggleButtonsFeatured").toggle(); 
    });
</script>   

也可以尝试将 jquery 代码放入文档就绪函数中。