Как проверить отсутствие элемента внутри DIV через Javascript?

Question

[Dmitry Nabozhev]

Есть много div'ов с классом sign
внутри каждого такого блока есть 2 элемента с классами line-price и price-right
Теперь в некоторых таких блоках sign больше не будет элемента с классом line-price и нужно кое как изменить price-right. добавив к нему доп класс.
Отсюда задача:
Как через js внутри каждого такого блока sign проверить отсутствие элемента с классом line-price?
То есть необходимо написать условие "Если div sign НЕ содержит элемент с классом line-price, то добавляем к price-right класс 'alone'.

Answer 1

[Walt Disney]

А зачем JS? используйте плюс в css.

.sign .price-right {
 /** сработает всегда **/
}

.sign .line-price + .price-right {
 /** стиль для .sign.price-right сработает когда он не один, и переопределит предыдущие правило**/
}

Comments

[trushka]

лучше наоборот, дополнительный стиль задать для .price-right:only-child
Ну, или first-child для совместимости с ie8-

Answer 2

[gleendo]

var arr = document.querySelectorAll(".sign");

for (var i = 0; i < arr.length; i += 1) {
	var elem = arr[i].querySelector(".line-price");

	if (!arr[i].contains(elem)) {
		arr[i].querySelector(".price-right").classList.add("alone");
	}
}

Answer 3

[Артем]

Если надо на jQuery:

$('div.sign').each(function(){
	if( !$(this).find('.line-price').length ) $(this).find('.price-right').addClass('alone');
});

Comments

[Dmitry Nabozhev]

спасибо, использовал ваш вариант - все заработало как надо.