javascript - 隐藏其他数据目标或与当前不同的 div

Question

当目标处于事件状态时，我无法隐藏其他 div，因此，我的 jQuery 是:

$(".popup-itens").click(function () {
    var selector = "#" + $(this).data("target");

    $(selector).toggle();
    console.log(selector);
});

我只是想隐藏与 $(this) 不同的所有其他 data-targets div。

我试过 if 语句和其他东西，但似乎没有什么真正有效。

Answer 1

您可以使用 .not() method 否定当前元素 (this) :

$('.popup-itens').not(this).hide();

因此它看起来像这样:

$(".popup-itens").click(function () {
    var selector = "#" + $(this).data("target");
    $(selector).toggle();
    $('.popup-itens').not(this).hide();
});

或者，根据标记，您还可以使用属性选择器选择所有具有 data-target 属性的元素，然后否定当前选择器:

$('[data-target]').not(selector).hide();