javascript - 如何选择包含类名实例的链接？

Question

现在我页面的源代码结构如下:

<span id='648746' class='topic'>linkedin
<a href='' class='hidden unblacklist' onclick='return false'>Restore</a>
<a href='' class='blacklist' onclick='return false'>[X]</a>
</span><br /> 

在页面加载时，带有文本“恢复”的链接被隐藏。当用户单击链接时，我想添加 hidden类到刚刚单击的链接，然后我想删除 hidden来自 <span></span> 中其他链接的类.我可以让第一部分工作，但我在第二部分上遇到了困难。这是我的尝试:

$(this).addClass("hidden");
console.log($(this).closest("span"));
$(this).closest("span").hasClass("unblacklist")[0].removeClass("hidden");

最大的困难之一是另一个链接有两个类:“隐藏”和“取消黑名单”。我想我会知道如何为一个类(class)做这件事，但游戏改变了两个类(class)。

提前致谢!

编辑:这么多答案。他们都工作，太!非常感谢大家。

Answer 1

我的解决方案将使用 toggleClass():

$(this).parent().children().toggleClass('hidden');