Как в jQuery перебрать все элементы с одинаковым классом и задать определенное условие?

Question

[Никита]

Всем привет! У меня такая задача, перебрать все элементы на странице с определенным классом и проверить содержится ли в них текст со строкой "0". И выполнить определенное действие: если хоть один выбранный элемент содержит текст "0", то надо скрыть другой элемент. Есть такая структура:

<li><div class="pqis">0</div></li>
<li><div class="pqis">0</div></li>
<li><div class="pqis">0</div></li>
<li><div class="pqis">3</div></li>

<div class="radio"><label for="rbs"><input id="rbs">Онлайн-оплата</label></div>

function hiddenOnlinePayment() {
	$('.pqis').each(function(i,elem) {
	if ($(this).html() == '0') {
		$('input#rbs').parent($('label')).parent($('.radio')).fadeOut();
	} else {
		$('input#rbs').parent($('label')).parent($('.radio')).fadeIn();
	}
});
}

$(function(){
	hiddenOnlinePayment();
});

$('.reload_button_cart').on('click',function(){
       hiddenOnlinePayment();
});

Т.е. мне надо если хоть один элемент с классом .pqis содержит текст "0", то скрыть элемент с классом .radio. Эта функция должна срабатывать при загрузке страницы и по нажатию определенной кнопки. Но работает некорректно, зависит от того где располагается элемент с текстом 0, т.е. на какой итерации.
Подскажите, как доработать скрипт?

Comments

[v3shin]

Если этот текст что-то означает, может, перевести его в data-атрибут и искать по нему?

Answer 1

[Stalker_RED]

Перебирать вручную не нужно, в jq есть псевдоселектор :contains(text)

const $elemsWithZero = $('.pqis:contains(0)');
if ($elemsWithZero.length) {
  $('.radio').hide();
}

короче но менее читабельно:

if ($('.pqis:contains(0)').length) {
  $('.radio').hide();
}

Comments

[Никита]

Спасибо, заработало.

Answer 2

[ettaluni]

Наверное не $(this).html() == '0' а '0'.indexOf($(this).text()) !== -1

Answer 3

[v3shin]

$('#rbs').closest('.radio').fadeOut(); // или .fadeIn(), в зависимости от нужд