在Foreach循环内切换类

Toggle classes inside a foreach loop(在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代码放入文档就绪函数中。

这篇关于在Foreach循环内切换类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！