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

我试图在单击标题元素时显示DB数据。数据基本上是在单击时切换的。我做了一个jQuery来处理同样的问题。由于我还不熟悉这一点，所以无法理解这个问题。有人能解释一下吗

单击查看评论，我想查看该特定图片的评论

jQuery：

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

$（“#headingone”）。单击（函数（事件）{
event.preventDefault（）；
var b=$（event.target）
b、 查找（'.menu'）。切换（“幻灯片”）
})

HTML:

查看注释
{item.piccomments.all%中的i的%s}
{{i.author}说“{i.text}”
{%endfor%}

您在此处使用，它搜索子元素。 在此场景中，我将使用或获取单击的元素并从中遍历：

$（'headingone'）。单击（函数（）{
$（this）.同级（'.menu'）。切换（“幻灯片”）；
})

菜单{
显示：无；
}

查看评论
{{i.author}说“{i.text}”

您只需从单击的标题元素中获取

数据目标

属性的值。此代码应执行以下操作：

$（'headingone'）。单击（函数（事件）{
event.preventDefault（）；
var b=$（this.attr（“数据目标”）；
$（b）.切换（“幻灯片”）
})

查看评论
{item.piccomments.all%中的i的%s}
{{i.author}说“{i.text}”
{%endfor%}

Hi，唯一的问题是它向我显示了每个字段中first的最后一条注释picture@GovindShah每个图片是否都有一个元素

#headingone

？如果这是无效的html，则ID必须是唯一的，因此必须使用类。如果您仍然有问题，那么可以提供一个完整的示例来展示您的渲染HTMLHIS作品！谢谢。只需将标题元素id更改为@empiriche所述的类。他没有要求您将其从id更改为类。还有一件事，单击图片触发器的查看注释打开所有图片的查看注释，您知道吗？

            <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>