SlavaMaxwell
@SlavaMaxwell
HTML-верстальщик

Как настроить живой поиск доб/уд класс?

песочница: https://codepen.io/vladgr/pen/dyMvVNj
идея: реализован живой поиск, надо когда поле пусто, т.е. пользователь ничего не ввел или удалил и поле пусто, класс 'column-search' удалялся
консоль сообщает, что пусто, но класс не удаляется
5f45e6d177bbf325639522.jpeg
5f45e6a67ab0c903468642.jpeg5f45e6b67a730474206248.jpeg
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега jQuery
$('.tabs__field-search').on('input', function() {
  const search = $('.tabs__field-search').val().toLowerCase();
  const $ul = $('.tabs__list-cars ul');
  const $li = $ul.find('li');
  const $liToShow = $li.filter((i, n) => $(n).text().toLowerCase().includes(search));

  $liToShow.fadeIn();
  $li.not($liToShow).fadeOut();
  $ul.toggleClass('column-search', !!search);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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