Как скриптом скрыть эллементы содержащие определенный набор слов?

Question

[george_st]

Имеются элементы одноклассовые (карточки товаров). В них есть описания. В описании фигурирует "Size 30" и еще несколько вариантов.

Такой примитивный скрипт:

$('.s30').click(function(){
if ($('.ul-w-productCard__description:contains("Size 30")')) {
if ($('.ul-w-productCard').css('display') == 'flex') {
$('.ul-w-productCard').fadeOut();
}
else {
$('.ul-w-productCard').fadeIn();
}
}
});

Проблема в следующем, что он применяет стили глобально ко всем элементам и соответственно просто прячет всё.. Как заставить скрыть/появиться только те элементы в которых нашлось искомое слово?
Я нуб в этом вопросе и только постигаю азы скриптов.

Answer 1

[Stockholm Syndrome]

$('.s30').click(function(){ 
  $('.ul-w-productCard__description:contains("Size 30")').parent().fadeToggle(); 
});

Comments

[george_st]

Спасибо! Помогло!

[Stockholm Syndrome]

george_st, тогда отметьте решением

[Grizar]

У меня почему то не работает, я правильно понимаю,
: при наличии слова Size 30 в блоке с классом .ul-w-productCard__description, к классу .ul-w-productCard__description добавляется класс .s30

[george_st]

Grizar, нет. При клике по объекту классом .s30 идет проверка наличии этого слова в виджетах. И если такое слово встречается - виджет прячется. - костыльный фильтр для конструктора.

[Grizar]

george_st, да, точно, то я просто желаемое выдаю за действительное.

[george_st]

Grizar,
Это тебе должно помочь
$('.ul-w-productCard__description:contains("Size 30")').parent().addClass("classname")();

[Oksana007]

george_st, не могли бы помочь Скрыть один элемент при наличии другого или определенного слова?

[george_st]

Oksana007, Stockholm Syndrome в самом начале дал указание. Только можно вместо .fadeToggle() поставить .fadeIn