javascript - 显示最近的类(class)

Question

我有一个隐藏的 div，直到您单击显示按钮。我的代码在单个实例上运行良好，问题是我重复了多次，因此它只需要显示最近的而不使用 ID，但是，我不确定如何执行此操作。

这是我的代码:

<form class="form1">
...
</form>
<a onclick="showDiv()">Show</a>
<div id="show"  style="display:none;">
    <form id="form2">
    '''
    </form>
</div>

*repeated*

<form class="form1">
...
</form>
<a onclick="showDiv()">Show</a>
<div id="show"  style="display:none;">
    <form id="form2">
    '''
    </form>
</div>


<script>
function showDiv() {
   document.getElementById('show').style.display = "block";
}
</script>

如何为点击的内容显示适当的 div？

更新:我想按最近的类而不是最近的兄弟来选择

Answer 1

HTML id 被认为是唯一的，这意味着您只能使用它一次。您正在使用 id show 两次，它仅分配给第一个元素，因为正如我之前所说，id 是唯一的，不能使用两次。

我建议将 id 更改为类并检查所有名为 show 的类的 getElementsByClassName 并找到第一个显示为假的类并使显示为真!