Question

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

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

<span class="jsCrateMaxModal most-wanted-modal-container hide">
    <div class="most-wanted-modal">
        <div class="most-wanted-content">
            One.
            <div class="col-xs-12">
                <div class="btn-primary btn-block">OK</div>
            </div>
        </div>
    </div>
</span>
<button class="jsShowMaxModal mostWantedOff">Show Modal</button>

jQuery的：

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

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

Answer 1

在这种情况下，您可以使用.prev()来查找按钮前的模态。

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

工作示例：http://jsfiddle.net/psasj74L/2/

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

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

1 个答案: