Question

我有一系列div与一个按钮相关联，可以切换显示/隐藏行为。我已将父div调整为100vh，每个div调整为50vh，并且所有内容都显示完美，除了检查用户输入的按钮以及某种方式向右移动。我尝试了各种vh组合，将按钮放在每个div中最终起作用。当然，我有一个id不再有效的按钮，因为每个div中都有一个按钮。为每个按钮提供不同的ID不是一个选项，因为它们附加到单击处理程序。

当然，我有一个按钮，需要一个点击处理程序，并且ID已被破坏。我尝试使用一个类，并查找向一个类添加一个单击行为，并没有任何关于SO的建议工作。我尝试在类中使用子选择器（其中按钮是div id的子项）。

这是一个如何使用的迷你代码示例。我怎样才能有一个有效的点击功能（不需要为每个按钮使用单独的id-这将是很多id），我在每个div中都有一个单独的按钮？

HTML：

<div id="quiz" style="height:100vh;">
  <div id="divone" style="height:50vh;">
    Div One!
  </div>
  <div id="divtwo" style="display:none">
    Div Two!
  </div>
  <button id="clickything">Click me!</button>
  </div

JS / jQuery：

var divs = ["divone", "divtwo", "divthree"]
var i = 0
$("#clickything").click(function() {
    $("#" + divs[0]).hide();
    $("#" + divs[1]).show();
})

Answer 1

为什么要使用按钮（如果它是一个测验），而不是使用单击相关div。

这将是一个更好的UI（来自我的目标推理）和更简单的JS

如果两个div都在父级中，您可以使用它来隐藏另一个。

单击切换按钮类

1 个答案: