在Foreach循环内切换类

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

我的问题是，切换只对一个特定元素有效。它不适用于多个类或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？

---

解决方案

将id改为类并按类切换。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代码放入文档就绪函数中。