Нажат ли последний элемент?

Question

[MaksSmag]

Вот смотрите... есть родительский элемент #rooms и несколько label. Почему не правильно работает условие, оно должно выполнятся, если нажат последний label относительно #rooms, в примере ниже это C-element:

<div id="rooms">
<label>A-element</label>
<label>B-element</label>
<label>C-element</label>
</div>

А оно не при каких условиях не срабатывает... Буду рад помощи ;)

$('#rooms label').on('click', function() {
	if($(this) === $(this).parent().children().last()) {
		$(this).parent().not(':last-child').css('background', 'rgba(255, 255, 255, 0.2)');
	}
});

P.S. Если условие срабатывает, то должны все кроме последнего label в #rooms перекраситься в нужный цвет.

Answer 1

[Тигран Абрамян]

$('#rooms label:last-child').on('click', function() {
  $('#rooms label:not(:last-child)').css('background', 'green');
});

Comments

[MaksSmag]

Здравствуй. Немного не то мне нужно. Если нажать на последний элемент, в данном случае C-element, то остальные, в моём случае A-element и B-element перекраситься должны в например зелёный цвет. А если нажать на другой - ничего не должно произойти.

[Тигран Абрамян]

MaksSmag, изменил ответ

[MaksSmag]

TAbrahamyan, Спасибо, сейчас попробую и отпишусь

[MaksSmag]

Спасибо, заработало! Хорошего дня!