可以：not选择器与'this'一起使用吗？

Question

我有div名为nav，其中还放置了其他一些div。当我点击一个时，我希望它将颜色更改为橙​​色，这很好 - 使用this。

我希望其他人在没有点击时保持黑色。

可以not与this一起使用吗？

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

Answer 1

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

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

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

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

Answer 2

您可以为所有div添加一个类，当您单击一个时，使用jQuery删除它

.removeClass("<name>");

请务必在点击另一个时重新添加。

Answer 3

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

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