在Foreach循环内切换类 [英] Toggle classes inside a foreach loop

查看:23
本文介绍了在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循环内切换类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆