Показать сообщение отдельно
  #1 (permalink)  
Старый 10.11.2016, 12:54
Аспирант
Отправить личное сообщение для qumo Посмотреть профиль Найти все сообщения от qumo
 
Регистрация: 16.06.2016
Сообщений: 51

Jquery contains поиск в div
Данный код всегда будет работать, если есть хотя бы 1 символ в строке. Как можно изменить код, чтобы при вводе каждой буквы изменялся результат поиска?
Код:
<div class="content">
 <form class="search">
   <div class="search-input">
     <input type="search-item" id="suggest"><a href="#" class="search-clear"></a>
   </div><a href="#" class="search-cancel">Отмена</a>
 </form>
 <div class='list-block no-margin'>
  <ul>
   <li>
    <a href='#' class='item-link item-content'>
     <div class='item-inner'>
      <div class='item-title item-subtitle'>Текст, который будет найден</div>
     </div>
    </a>
   </li>
  </ul>
 </div>
</div>
$('#suggest').bind('keyup onchange',function(){
  var Search = $('#suggest').val();
  var Result = $(".list-block .item-link:contains("+Search+")");
  console.log("Кол-во результатов:" + Result.length);
  console.log("Кол-во символов в input:" + Search.length);
  for(var i = 0; i < Result.length; i++){
    if(Search != '' && Search.length > 0){
      $(".list-block .item-link:contains("+Search+")").addClass('on');
      $(".list-block .item-link").hide();
      $('.on').show();
    } else {
      $(".list-block .item-link:contains("+Search+")").removeClass('on');
      $(".list-block .item-link").show();
    }
  }
})

Последний раз редактировалось qumo, 10.11.2016 в 13:26.
Ответить с цитированием