jquery - 使用单选按钮触发多个 jQuery 切换

Question

我已经设法弄清楚当用户单击单选按钮时如何显示 div。

演示：http: //jsfiddle.net/6Lwfc/

问题是，如果我在一个页面上有多个这样的测验，单击一个单选按钮将触发所有这些测验来显示他们的答案。

我尝试更改类（例如 selfTestAnswer2、selfTestAnswer3）以将它们分开，但这没有帮助。我的猜测是因为单击单选按钮对所有这些都是相同的。

我怎样才能将这些分开，以便我可以在一页上放 2 或 3？

Answer 1

干得好：

http://jsfiddle.net/6Lwfc/4/

$('.selfTestWrong', $(this).parent()).addClass('answerShown');
$('.selfTestAnswer', $(this).parent()).slideDown(300);

你需要一个上下文。另外，我删除了你的欺骗 ID 标签。切勿在页面上重复 ID。

Answer 2

另一个在父元素上使用 id 的示例。http://jsfiddle.net/sailorob/wHULM/