@Code-NaN

Как сделать поиск нескольких div с id через textarea?

<div class="table-item" id="4">Выделить блок если id 4</div>
<div class="table-item" id="5">Не выделять блок</div>
<textarea id="search" type="number" value=""></textarea>

$('#search').on('input', function(){ // При вводе текста..
  $('.table-item.-active').removeClass('-active'); // убираем класс .-active у .block.-active
  if($('.table-item[id="'+$(this).val()+'"]').length > 0) { // проверяем если такой блок с таким id, если есть..
    $('.table-item[id="'+$(this).val()+'"]') // берём блок у которого есть совпадение по id
      .addClass('-active'); // выдаём ему класс .-active
   }
});
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ответы на вопрос 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
Вот для старта:
дальше сами.

id через пробел или запятую.
$('#search').on('input', function(){ // При вводе текста..
  $('.table-item.-active').removeClass('-active'); // убираем класс .-active у .block.-active
  const ids = $(this).val().split(/[ ,]/).filter(el => el.length);
  for (let id of ids) {
	  $(`.table-item[id="${id}"]`) // берём блок у которого есть совпадение по id
      .addClass('-active'); // выдаём ему класс .-active
  }
});
Ответ написан
Ваш ответ на вопрос

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

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