jquery - 从 jquery 定位 html 中的 id 并使其所有其他类型消失

Question

我想问一下，如果在 html 中说你有几个链接，它们都是同一个类的一部分，但有不同的 ID，例如

• 链接 1
• 链接 2
• 链接 3

我会有一个 jquery(script)，如果我单击链接 1，链接 2 和 3 会消失，但链接 1 会发光。反正有没有容易做到这一点？我基本上是在询问是否有任何方法可以针对特定类的所有元素并使它们消失，而不是您单击/悬停的元素。

Answer 1

你应该看看jQuery的.siblings()方法

在您的情况下，它看起来像：

$('.someClass').click(function(  ){

  $(this).siblings().stop().fadeTo(300, 0.2);

});

Answer 2

您可以使用not函数从一组匹配的元素中排除一个元素：

$('a').on('click', function () {
    $(this).css('box-shadow', '0 0 10px blue');
    $('a').not(this).hide();
});

这是一个jsFiddle 演示。