javascript - 如果另一个类存在 jquery/rails，则有条件地应用一个 css 类

Question

我有一个带有复选框的表单 - 如果其中一个被选中，则有一些 jquery 应用了 css 类 checkboxed。

我在页面下方还有一个默认隐藏的 div - 但如果任何表单复选框被选中，它应该会变得可见。

我想用这样的东西

<div class="<%= "hide" unless checkboxed.exists? %>">

但显然那是行不通的。有没有办法测试给定页面上是否存在 css 类？我知道我必须使用 jQuery，但是如何将它与隐藏的 div 中的条件 CSS 类联系起来？

Answer 1

您需要将显示逻辑的 div 添加到您对复选框使用react的地方。添加内容可能如下所示:

if($('.checkboxed').length)
    $('#hiddenDiv').show();

你的隐藏 div 必须有一个 ID，这里我假设 id="hiddenDiv"。