Javascript 具有特定类的最近div

Javascript 具有特定类的最近div,javascript,closest,toggleclass,Javascript,Closest,Toggleclass,我有一个脚本,当你点击这个问题时,它可以切换一个div和另一个div。但它的目标是每一个部门与该类。有没有一种方法可以锁定最近的div,这样当我单击一个问题时,只有相关的答案才会切换 <a class="faqquestion">The question goes here so it does?</a> <p class="answer1">This is the answer and Im an absolute GENIUS!!!! This is

我有一个脚本,当你点击这个问题时,它可以切换一个div和另一个div。但它的目标是每一个部门与该类。有没有一种方法可以锁定最近的div,这样当我单击一个问题时,只有相关的答案才会切换

<a class="faqquestion">The question goes here so it does?</a>  
<p class="answer1">This is the answer and Im an absolute GENIUS!!!! This is the answer and Im an absolute GENIUS!!!! This is the answer and. This is the answer and Im an.....</p>  
<p class="answer2 hidden">uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu. uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu. uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu. uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.<br /><br />  


uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.
</p>  


<a class="faqquestion">The question goes here so it does?</a>  
<p class="answer1">This is the answer and Im an absolute GENIUS!!!! This is the answer and Im an absolute GENIUS!!!! This is the answer and. This is the answer and Im an.....</p>  
<p class="answer2 hidden">uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu. uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu. uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu. uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.<br /><br />  


uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.uyigfiau faewiugfiaw ef iawugfi uwa fiwafiu wgaifbwaifg iuwagfiuawebfiu gwaiefgiuwagfuiaw gifgaiwfg iuaw gfiuwaifg iuawgfiuawgiufagwiug afwigu.
</p>  


<script>  
$(document).ready(function(){  
    $(".faqquestion").click(function () {  
      $('p.answer2').toggleClass('hidden');  
      $('p.answer1').toggleClass('hidden')  
    });  
});  
</script>
问题就在这里,是吗?

这就是答案,我绝对是个天才!!!!这就是答案,我绝对是个天才!!!!这就是答案和答案。这就是答案,我是一个……

uyigfiau Faewiugfi uwa fiwafiu wgaifbwaifg Iwaiffiuawebfiu Gwaifgiuwagfuwagfuwagfuwagfuwagfuwagfuwagfuwagfuwagfuwagwiug afwigu。我们将在未来的一段时间内,在未来的一段时间内,我们将在未来的一段时间内,在未来的一段时间内,我们将继续努力。我们将在未来的一段时间内,在未来的一段时间内,我们将在未来的一段时间内,在未来的一段时间内,我们将继续努力。在阿富维格,你可以根据自己的意愿来决定自己的未来。

如果你是一个年轻人,你就可以说是一个年轻人。如果你是一个年轻人,你就可以说是一个年轻人。如果你是一个年轻人,你就可以说是一个年轻人我认为,我认为我们应该在未来的日子里继续努力。

问题是这样的吗?

这就是答案,我绝对是个天才!!!!这就是答案,我绝对是个天才!!!!这就是答案和答案。这就是答案,我是一个……

uyigfiau Faewiugfi uwa fiwafiu wgaifbwaifg Iwaiffiuawebfiu Gwaifgiuwagfuwagfuwagfuwagfuwagfuwagfuwagfuwagfuwagfuwagwiug afwigu。我们将在未来的一段时间内,在未来的一段时间内,我们将在未来的一段时间内,在未来的一段时间内,我们将继续努力。我们将在未来的一段时间内,在未来的一段时间内,我们将在未来的一段时间内,在未来的一段时间内,我们将继续努力。在阿富维格,你可以根据自己的意愿来决定自己的未来。

如果你是一个年轻人,你就可以说是一个年轻人。如果你是一个年轻人,你就可以说是一个年轻人。如果你是一个年轻人,你就可以说是一个年轻人我认为,我认为我们应该在未来的日子里继续努力。

$(文档).ready(函数(){ $(“.FAQ问题”)。单击(函数(){ $('p.answer2').toggleClass('hidden'); $('p.answer1').toggleClass('hidden')) }); });
如果我能在jQuery中给出答案,您可以通过jQuery中的next()函数找到最近的答案

因此,您必须查找jQuery(“elementSel”)。下一步(“div”)


在简单的javascript中,您必须寻找dom遍历方法,html的一小部分可以帮助您找到准确的答案。

如果我能在jQuery中给出答案,您可以通过jQuery中的next()函数找到最接近的方法

因此,您必须查找jQuery(“elementSel”)。下一步(“div”)


在简单的javascript中,您必须寻找dom遍历方法,html的一小部分可以帮助您找到准确的答案。

因为您实际上没有使用链接,所以没有真正的理由使用
。可以使用div,如下所示:

HTML

<div class="faqquestion">Question One?</div>  
<div class="answer1">Answer one</div>  
<div class="answer2 hidden">Answer two</div>

<div class="faqquestion">Question Two?</div>  
<div class="answer1">Answer one</div>  
<div class="answer2 hidden">Answer two</div>

<div class="faqquestion">Question Three?</div>  
<div class="answer1">Answer one</div>  
<div class="answer2 hidden">Answer two</div>

由于您没有实际使用链接,因此没有真正的理由使用
。可以使用div,如下所示:

HTML

<div class="faqquestion">Question One?</div>  
<div class="answer1">Answer one</div>  
<div class="answer2 hidden">Answer two</div>

<div class="faqquestion">Question Two?</div>  
<div class="answer1">Answer one</div>  
<div class="answer2 hidden">Answer two</div>

<div class="faqquestion">Question Three?</div>  
<div class="answer1">Answer one</div>  
<div class="answer2 hidden">Answer two</div>

您能发布您遇到问题的实际html和javascript吗?隐藏只是显示:CSN中无。有一个“代码”按钮,您可以使用它在问题中正确设置代码格式。我已经在上面为你做了这件事,但我想我会让你知道如何做,以备将来参考。你能发布你遇到问题的实际html和javascript吗?隐藏只是显示:CSN中没有。有一个“代码”按钮,你可以用它来正确格式化你问题中的代码。我在上面为你做了这件事,但我想我会让你知道如何做,以备将来参考。对我来说,没有div就行。谢谢你,伙计,真的很感谢你抽出时间!:)@莫比:是IE在没有
div
的情况下表现得很奇怪。我已经用一个代码示例将我的答案更新为一个特定于div的答案,但如果它没有损坏,就不要修复它;)在没有div的情况下为我工作。谢谢你,真的很感谢你的时间!:)@莫比:是IE在没有
div
的情况下表现得很奇怪。我已经用一个代码示例将我的答案更新为一个特定于div的答案,但如果它没有损坏,就不要修复它;)