jquery - J查询页面上的许多按钮

Question

我有一个测验博客，我在其中使用 J 查询切换按钮来显示问题的答案。我使用以下模式：

Question: 1
<script type="text/javascript">$(function(){$("#butToggle1").click(function(){$('#dvt1').toggle(500);});});</script> 
<div id="dvt1">
Answer
</p></div> <button id="butToggle1">Click for Answer</button>

Question 2
<script type="text/javascript">$(function(){$("#butToggle2").click(function(){$('#dvt2').toggle(500);});});</script> 
<div id="dvt2">
Text 2
</p></div> <button id="butToggle2">Click for Answer</button>

我将 jquery-1.3.2.min.js 用于上述功能。但是，问题是要在页面上显示许多问题和答案，我必须在 css 中添加那么多 dvt 条目。我已经从 dvt1 添加到 dvt20，但这意味着我不能在一个页面上显示 21 个问题。然后，我无法对问题进行分类，因为相同 dvt 的冲突会使切换功能无法工作。

有什么方法可以在没有单独的 dvt 的情况下在 wordpress 帖子上显示许多切换按钮，但为每个按钮分配切换数字。

谢谢你的帮助

Answer 1

我认为在单个脚本标签中只使用此代码一次就可以了：

$(function () {
  $("button").click(function () {
    $(this).prev('div').toggle(500);
  });
});

演示。

Answer 2

You can use just one script to this: http://jsfiddle.net/GP3M6/

$("button").click(function () {
  $(this).prev('div').toggle(500);
});