jQuery 事件目标/相关目标问题

Question

我试图在单击标题元素时显示数据库数据。数据基本上是通过点击来切换的。我做了一个 jQuery 来处理同样的事情。作为新手，我无法弄清楚这个问题。谁能解释一下吗？

点击查看评论后，我想查看该特定图片的评论。

jQuery:

<script>
   $('#headingone').click(function(event){
   event.preventDefault();
   var b = $(event.target)
   b.find('.menu').toggle("slide")
  })
</script>

HTML:

            <h5 id="headingone" data-target=".menu">View Comments</h5>
            <div class="menu">
              {% for i in item.piccomments.all %}
                <p id="paratwo" style="margin:0px;"><strong>{{i.author}}</strong> said "{{i.text}}"</p>
              {% endfor %}
            </div>

Answer 1

您只需从单击的标题元素中获取data-target 属性的值即可。这段代码应该可以做到这一点:

  $('#headingone').click(function(event){
   event.preventDefault();
   var b = $(this).attr("data-target");
   $(b).toggle("slide")
  })
  

           
           <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
            <h5 id="headingone" data-target=".menu">View Comments</h5>
            <div class="menu">
              {% for i in item.piccomments.all %}
                <p id="paratwo" style="margin:0px;"><strong>{{i.author}}</strong> said "{{i.text}}"</p>
              {% endfor %}
            </div>

希望对你有帮助