Javascript 如何在'；实例'；使用JQuery

我目前正在学习JavaScript/JQuery，但在工作中遇到了一个问题

我已将一类“问题”分配给

这是问题1的答案


这是问题2的答案

以下是我的jquery：

<script>
  jQuery(document).ready(function ($) {
    $('div.answer').hide();
    $('li.question').click(function() {
      $('div.answer').slideDown('fast');
      return false;
    });
  });
</script>

jQuery（文档）.ready（函数（$）{
$（'div.answer'）.hide（）；
$（'li.question'）。单击（函数（）{
$（'div.answer'）。向下滑动（'fast'）；
返回false；
});
});

该网站是：

---

谢谢

通常要做的是将每个单元放在一个容器元素中。例如

div

或其他标记。假设您的HTML如下所示：

$('li.question').click(function(e) {
    $(this).find('div.answer').slideToggle('fast');
    e.preventDefault();
});

<div class="qa">
  <div class="question">What is 2+2?</div>
  <div class="answer">4</div>
</div>

<li>
  <a><strong>Why do you not just sell these option contracts?</strong></a>
  <div class="answer"><p>This is a test</p></div>
</li>

每个问题和答案的标记如下所示：

<div class="qa">
  <div class="question">What is 2+2?</div>
  <div class="answer">4</div>
</div>

<li>
  <a><strong>Why do you not just sell these option contracts?</strong></a>
  <div class="answer"><p>This is a test</p></div>
</li>

---

演示：

您通常希望将每个单元放在一个容器元素中。例如

div

或其他标记。假设您的HTML如下所示：

<div class="qa">
  <div class="question">What is 2+2?</div>
  <div class="answer">4</div>
</div>

<li>
  <a><strong>Why do you not just sell these option contracts?</strong></a>
  <div class="answer"><p>This is a test</p></div>
</li>

每个问题和答案的标记如下所示：

<div class="qa">
  <div class="question">What is 2+2?</div>
  <div class="answer">4</div>
</div>

<li>
  <a><strong>Why do you not just sell these option contracts?</strong></a>
  <div class="answer"><p>This is a test</p></div>
</li>

---

演示：

给每个答案元素一个唯一的id属性，并向引用唯一问题的问题添加一个数据答案属性

用户可以执行以下操作

$('li.question').click(function(e) {
    $($(this).data("answer")).show();
});

用相关的html进行澄清

<li class="question" data-answer="#answer-42">...</li>
<div class="answer id="answer-42">....</div>

为每个答案元素指定一个唯一的id属性，并在引用唯一问题的问题中添加一个数据答案属性

用户可以执行以下操作

$('li.question').click(function(e) {
    $($(this).data("answer")).show();
});

用相关的html进行澄清

<li class="question" data-answer="#answer-42">...</li>
<div class="answer id="answer-42">....</div>


请发布相关的HTML。“我已经为
标记分配了一个“问题”类”-没有，您已经将该类分配给包含
的标记。此外，答案的
是多余的：为什么不使用
？（当然你不需要
和
？）请发布相关的HTML。“我已经为
标记分配了一个“问题”类”-不，你没有，你已经将该类分配给了包含
。此外，答案的
是多余的：为什么不使用
？（当然您不需要
和
？）