Jquery 点击图像时切换

我想了解 jquery 切换是如何工作的。我想切换到下一个锚点plr-anchor单击带有类的图像go_down。数据是使用地图填充的。

Jquery代码：

$('.go_down').on('click',function(e){
    #('.plr-anchor').next('.plr-anchor').toggle()});
}

代码片段：

{data.map(function(categ) {
return <div>
<a className="plr-anchor" id={categ.short_name}></a>
<img src="/static/img/icon_up.png" className="go_down"/>
</div>}.bind(this)}

Jquery调用函数的语法似乎有问题。我是 Jquery 的新手，任何帮助都会很棒。提前致谢。

您已使用过#代替$内部点击处理程序。您还需要找到准确的plr-anchor它位于单击的图像之前。现在你正在切换所有plr-anchor.

对于动态元素，请使用$(document).on(event, selector, function(){});用于绑定点击处理程序。见下面的代码

$(function(){
  $(document).on('click','.go_down',function(e){
     $(this).prev('.plr-anchor').toggle();
  });
});