Question

我有一个文本区域，每个句子都有一个单独的文本片段（参数）相关联。默认情况下，所有参数都是隐藏的，但是我希望jQuery启用切换功能，这样当用户点击一个句子时，相应的参数在整个文本区域下面变得可见。

但是，我无法弄清楚如何只显示一个特定的参数而不是所有的参数（这是我的代码现在所做的，我知道）。那么，我如何选择与点击的句子相关的参数？

我的代码如下所示：

   <script>
       $(document).ready(function() {
           $('.arg-sentence').click(function() {
               $('.argument').slideToggle('slow'); <-- This should only select one specific argument
          });
     });
  </script>

  {% block content %}

  <div class="text">
  {% for arg in catalog %}
  <span class="arg-sentence" id="{{ arg.id }}">{{ arg.sentence }}</span>
  {% endfor %}
  </div>

  {% endblock %}
  {% block content-secondary %}

  {% for arg in catalog %}
  <div class="col-sm-12 content_holder well argument" id="{{ arg.id}}">
      <div class="text">
          {{ arg.argument|safe }}
      </div>
  </div>
  {% endfor %}
  {% endblock %}

我是jQuery的新手，所以它可能是非常明显的东西......！我顺便使用Django ..

Answer 1

我找到了一个能够做到我想要的解决方案：

<script>
   $(document).ready(function() {
       $('.arg-sentence').click(function() {
           $('#' + this.id + '.argument').slideToggle('slow'); 
      });
 });
</script>

使用jQuery选择关联元素

1 个答案: