Можно ли использовать селектор: not с 'this'?

Question

У меня есть div, называемый nav, в который помещены некоторые другие элементы. Когда я нажимаю на один, я хочу, чтобы он изменил цвет на оранжевый, что хорошо - используя 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');