@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();
}
}
});

Проблема в следующем, что он применяет стили глобально ко всем элементам и соответственно просто прячет всё.. Как заставить скрыть/появиться только те элементы в которых нашлось искомое слово?
Я нуб в этом вопросе и только постигаю азы скриптов.
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
@StockholmSyndrome
$('.s30').click(function(){ 
  $('.ul-w-productCard__description:contains("Size 30")').parent().fadeToggle(); 
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы