Данный код всегда будет работать, если есть хотя бы 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();
}
}
})