在ListView显示的模板上进行JQuery，如何分别触发每个对象上的播放？

我的模板

{%用于gallery%中的maingallery}
{{maingallery.title}}
{{maingallery.text}
$（文档）.ready（函数（）{
$（“#main image”）.mouseover（函数（）{
$（this）.addClass（'active'）.removeClass（'notactive'）；
if（$（this）.hasClass（'active'））{
$（“#jazzy”）.addClass（'active'）.removeClass（'notactive'）；
}
if（$（“#jazzy”）.hasClass（'active'））{
美元（“#爵士乐”）。触发（“播放”）；
}
});
$（“#main image”）.mouseleave（函数（）{
$（this）.removeClass（'active'）.addClass（'notactive'）；
if（$（this）.hasClass（'notactive'））{
$（“#jazzy”）.addClass（'notactive'）.removeClass（'active'）；
}
if（$（“#jazzy”）.hasClass（'notactive'））{
$（“#爵士乐”）。触发（“暂停”）；
}
});
});
{%endfor%}
{%block content%}
{%endblock%}

您的HTML代码将有几个具有“mainimagetitle”id的元素。您必须添加循环索引或对象id

您可以在JS代码中使用class属性

{%用于gallery%中的maingallery}
...
...
...
{%endfor%}
$（文档）.ready（函数（）{
$（“.mainimagetitleclass”）.mouseover（函数（）{…}）；
...
});

谢谢你的帮助（米哈伊尔V.你的回答很有帮助；）虽然我不确定我是否完全按照你给我看的那样做

{%用于gallery%中的maingallery}
{{maingallery.title}}
{{maingallery.text}
$（文档）.ready（函数（）{
$（“#main image-{{forloop.counter}}”）.mouseenter（函数（）{
$（“#jazzy-{{forloop.counter}}”）.trigger（'play'）；
});
$（“#main image-{{forloop.counter}}”）.mouseleave（函数（）{
$（“#jazzy-{{forloop.counter}}”）.trigger（'pause'）.prop（“currentTime”，0）；
});
});
{%endfor%}