:not选择器能够与'this'一起使用吗？

Question

我有一个名为“nav”的

，其中包含其他一些

。单击其中一个

时，我希望它将颜色更改为橙色，这也很好 - 使用this。但是未被单击的其他

应保持为黑色。 this不能与not合用吗？

$('.nav div').click(function() {
    $(this).css('color', 'orange');
    $('.nav div:not(this)').css('color', 'black');
});

- Northernlights

Answer 1

你可以使用 .not() 方法代替选择器：

$(".nav div").not(this).css("color", "black");

或者你可以使用.siblings()方法。

$(this).siblings().css("color", "black");

- peirix

Answer 2

您可以为所有的

元素添加一个类，然后使用jQuery在单击时将其删除。

.removeClass("<name>");

当你点击其他按钮时，一定要记得重新添加它。

- ikromm

---

+1 这样做其实更加简洁。而且将 CSS 和 JS 分开，这总是很好的 (: - peirix

这是关于编程的内容，翻译成中文如下：谢谢你的提示，我之前不知道有.removeClass和.addClass这些方法。谢谢伙计！ - Northernlights

Answer 3

我不这么认为。为什么不把它们全部设置为黑色，然后将特殊的一个设置为橙色呢？

$('.nav').css('color', 'black');
$(this).css('color', 'orange');

- Frank Schwieterman