JQuery 动画特定容器

Question

我正在尝试为包含食谱信息的食谱包装器上的编辑面板设置动画。

当我单击齿轮时，它会成功显示编辑面板。我遇到的问题是，我想显示“特定”配方的编辑面板，但所有配方容器都具有相同的布局和类名，这导致所有编辑面板都打开，而不是打开一个特定的编辑面板cog 被按下。

我知道这种情况正在发生，因为我已经使用类名完成了此功能，但是有没有办法专门针对单击 cog 的那个容器而不是所有这些容器来触发它？我所做的一个例子如下：

<div class=recipe-container>
    <a class="editors-cog></a>
    <div class="edit-panel"></div>
</div>
...for 1000 recipes same code.

$(".editors-cog").on("click",function(){
     $(".edit-panel").show();
});

谢谢， 维沙尔

Answer 1

是的。试试这个

$(".editors-cog").on("click",function(){
     $(this).siblings(".edit-panel").show();
});