Javascript 如何使用jQuery从最近的span中删除类？

我有一个页面，允许访问者将收藏夹添加到列表中。它使用重复行来显示项目，因此泛型类是重复的

如果所有窗口都具有相同的类，如何显示单个模式窗口（.closest或.prev？）

这是我的小提琴：

在这种情况下，可以使用

.prev（）

查找按钮前面的模式

$('.jsShowMaxModal').click(function () {
    $(this).prev(".jsCrateMaxModal").closest("span").removeClass("hide");
});

工作示例：

然而，这有点古怪，我建议将span和button包装在一个div中，该div提供一些逻辑分组。如果不可能，另一种方法是使用数据属性指定按钮应打开的模式

$('.jsShowMaxModal').click(function () {
    $(".jsCrateMaxModal").closest("span").removeClass("hide");
});

$('.most-wanted-modal-container').click(function () {
    $('.jsCrateMaxModal').addClass("hide");
});

$('.jsShowMaxModal').click(function () {
    $(this).prev(".jsCrateMaxModal").closest("span").removeClass("hide");
});