我的HTML如下所示：
<h1 id="dictionaryTitle">Intrebari frecvente</h1>
<p class="question" id="q1">QUESTION1</p>
<p class="answer" id="q1">ANSWER1</p>
<p class="question" id="q2">QUESTION2</p>
<p class="answer" id="q2">ANSWER2</p>
在使用Javascript / jQuery的是这样的：
$('.question').on("click",function() {
if ($('.answer').css('display') === 'none') {
$('.answer').css({'display': 'block',});
} else {
$('.answer').css({'display': 'none',});
}
});
问题是如何检查 ID 是否相等，以便我只能更改其中一个答案的显示而不是所有答案？
正如告诉你 gforce301，ID 必须是唯一的，无论如何你可以使用这个解决方案：
$(document).ready(function() {
$('.question').on("click", function() {
if ($(this).next('.answer').css('display') === 'none') {
$(this).next('.answer').css({ 'display': 'block' });
} else {
$(this).next('.answer').css({ 'display': 'none' });
}
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 id="dictionaryTitle">Intrebari frecvente</h1>
<p class="question" id="q1">QUESTION1</p>
<p class="answer" id="q1">ANSWER1</p>
<p class="question" id="q2">QUESTION2</p>
<p class="answer" id="q2">ANSWER2</p>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句