Javascript 切换一个DIV，而不切换所有同名DIV

我正在准备一个问答测试，有几个问题，每个问题后面有四个可能的答案，然后在答案下面有一个“答案”按钮，显示真实答案。直到我意识到我有它，所以任何“回答”按钮都会切换所有的内容div。如何使“应答”按钮只打开其前面的“内容”div

请记住，我不能分配唯一的ID，因为有数百个问题，我正在努力节省时间

jQuery：

$(function() {  
   $(".answer").click(function() {  
      $(".content").toggle("slow");  
   });  
});  

CSS:

HTML:

1。解释以下说明：
i cap po qid×10d
a。口服一粒胶囊，每天四次，持续十天

b。口服一粒胶囊，每天三次，持续十天
c。口服一粒胶囊，每天两次，持续十天
d。口服一粒胶囊，每天一次，持续十天
a。口服一粒胶囊，每天四次，持续十天。记住：qd是每天一次，bid是每天两次，tid是每天三次，qid是每天四次

答复
2。解释以下说明：
ii选项卡po tid×7d
a。口服两片，每天四次，连续七天

b。口服两片，每天三次，连续七天
c。口服两片，每天两次，连续七天
d。每天一次口服两片，连续七天
b。口服两片，每天三次，连续七天
答复

尝试使用以下功能：

$(function() {  
    $(".answer").click(function() {  
        $(this).prev().toggle("slow");  
    });  
});

如果

.content

不总是在

.answer

之前，请使用

.prev（'.content'）

。

尝试使用以下功能：

$(function() {  
    $(".answer").click(function() {  
        $(this).prev().toggle("slow");  
    });  
});

$(function() {  
   $(".answer").click(function() {  
   $(this).prev(".content").toggle("slow");  
   });  
});

---

如果

.content

不总是直接位于

.answer

之前，请使用

.prev（'.content'）

。

您需要在单击处理程序中引用

此

，以识别单击的按钮，然后查找表示要显示的内容的上一个同级：

$(function() {  
   $(".answer").click(function() {  
   $(this).prev(".content").toggle("slow");  
   });  
});

$(".answer").click(
    $(this).prev().toggle("slow");
);

---

您需要在单击处理程序中引用

this

，以识别单击的按钮，然后查找表示要显示的内容的上一个同级，如下所示：

$(".answer").click(
    $(this).prev().toggle("slow");
);

---

好极了！谢谢，这很有效，而且很简单。我对jQuery非常、非常陌生，这非常有帮助。我在谷歌上搜索了六个小时，没有发现任何有用的东西。太好了！谢谢，这很有效，而且很简单。我对jQuery非常、非常陌生，这非常有帮助。我在谷歌上搜索了六个小时，没有发现任何有用的东西。