Селектор не содержит класс, как правильно написать? not hasClass?

Question

[Andrey Dontsov]

Выборка .hasClass работает
Как сделать если селектор НЕ содержит класс

if ($(".tabs .tab").hasClass("active")){
		$(".tab").addClass("blink")
	};

Т.е. добавить класс blink если .tabs .tab не содержит класс active

Спасибо, сори за вроде как простой вопрос

Comments

[Andrey Dontsov]

<div class="tabs">
	<span class="tab tab1"> tab 1</span>
	<span class="tab tab2"> Tab 2</span>
</div>

if ($(".tabs .tab").hasClass("active")){
		$(".tab").addClass("blink")
	};

Нет, ребят, не подходит, точнее не работает, привел полный код
Две вкладки
По клику добавляется класс activ
Хочу, чтобы не активная вкладка подсвечивалась с помощью css
Соответственно нужен код, который проверяет, содержит ли .tabs .tab класс activ
И если нет - добавит класс blink
Спасибо!

Answer 1

[xmoonlight]

!
(инвертируйте условие внутри if)
Можно в 1 строку: $(".tabs .tab:not(.active)").addClass("blink");

Comments

[Кирилл Пензин]

самый короткий правильный ответ на Тостере :D

[xmoonlight]

Кирилл Пензин: ))) пришлось прокоментить... вдруг не поймут....

[xmoonlight]

AndreyBLG: это проблемы уже к коду, а не к "!" Проверьте выборку и т.д.

[Andrey Dontsov]

xmoonlight: я это понимаю))) только с ! код не работает
код в примере выше добавляет класс blink если .tabs .tab содержит activ
blink задает css стили
код из вопроса работает, но если я пытаюсь инвертировать его ! - все отваливается
Поэтому и решился задать здесь этот не сложный вопрос
Стыдно, но что поделать)

[xmoonlight]

а инверсию пишете как? можно 1 строку с if глянуть...

Answer 2

[sim3x]

api.jquery.com/not-selector
$(".tabs .tab:not(.active)").addClass("blink")
api.jquery.com/not
$(".tabs .tab").not('.active').addClass("blink")

https://jsfiddle.net/emyhcekm/

Comments

[xmoonlight]

вот автор утверждает, что не пашет через отрицание.....

[sim3x]

xmoonlight: и он таки прав
потому что он не знает про зис

[Andrey Dontsov]

sim3x: xmoonlight: Спасибо за ваши ответы! ниже описал подробнее

[xmoonlight]

sim3x: ну терь все на местах.

[sim3x]

xmoonlight: и вообще, ! любого $ никогда не вернет true

[xmoonlight]

sim3x: да, лучше и надежнее в одну строку)

[sim3x]

xmoonlight: пришлось фиддл сделать

[xmoonlight]

sim3x: ну, супер! Респект! Все работает!

[Andrey Dontsov]

xmoonlight: sim3x: Именно!)) Спасибо огромное! теперь (конечно же) нарисовалась другая проблема, теперь при переходе на другую вкладку класс blink нужно удалять, запускать проверку на наличие класса activ снова и опять добавлять класс blink.. чтобы при переходе с первой вкладки на вторую, подсветка blink перемещалась на не активную

Не, я конечно постараюсь раскурить это сам, но кто знает)
Спасибо вам и тем кто создал этот ресурс! аминь

[sim3x]

AndreyBLG:
внутри click можно воспользоваться this - он укажет текущий нажатий елемент
те убрать у всех елеметов класс
добавить нажатому

Answer 3

[alex-1917]

Инвертировать IF через ! явно болезнь левизны)))
Там же false может прийти и что тогда будет значить !false ???)))

Странно, что никто не вспомнил железобетонный способif else, он и на старых джикверях пашет и сам код короче.. #обожимой!!

if ($(".tabs .tab").hasClass("active")){
   //пустое место под будущую логику)))
 } else {
   $(".tab").addClass("blink");
}

Вот в одну строку:

if ($(".tabs .tab").hasClass("active")){} else {$(".tab").addClass("blink");}