javascript - onclick显示写在之后的(不是所有的div)

Question

我需要具体的 jquery或 js显示功能 onclick :

<div id="resultTab">
  <input id="help_button" type="button" value="Full Info"/>
  <div id="help">Table with data</div>
  <input id="help_button" type="button" value="Full Info"/>
  <div id="help">Table with data</div>
  <input id="help_button" type="button" value="Full Info"/>
  <div id="help">Table with data</div>
</div>

可以重复50-100次。所以当我点击按钮时它必须只显示 <div>在那之后写<button>不是所有<div>

注意:所有按钮和 div 都是由 jquery 创建的，所以我不能提供特定的 id 以在函数中使用。

请帮我解决这个问题。我完全是堆栈，如果可能的话我想显示那个 <div>在页面中间像弹出窗口。

更新:该功能正在运行，但在此 situation 中它不起作用，我该怎么办？

Answer 1

不要到处使用相同的ID，ID需要是唯一的。我把你的 ID 改成了 Class

$('input.help_button').click(function () {
  $(this).next(".help").toggle()
})

.help { display: none}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="help_button" type="button" value="Full Info">
<div class="help">Table with data</div>
<input class="help_button" type="button" value="Full Info">
<div class="help">Table with data</div>
<input class="help_button" type="button" value="Full Info">
<div class="help">Table with data</div>