Добрый день!
Есть страница с набором элементов. Надо осуществить поиск по этим элементам. Проблема в том что при вводе некоторых букв выводятся не все элементы с этой буквой. Например при вводе буквы "к" не выводятся слова "кот", "комод" и "кухня". Прошу помощи!
<html>
<head>
<title>bla</title>
<meta charset="UTF-8">
</head>
<body>
<div class="seachbox">
<input type="text" class="search">
<p class="seachitem" style="display: block;">нг</p>
<p class="seachitem" style="display: block;">подарки</p>
<p class="seachitem" style="display: block;">белый</p>
<p class="seachitem" style="display: block;">ёлка</p>
<p class="seachitem" style="display: block;">шишка</p>
<p class="seachitem" style="display: block;">цветы</p>
<p class="seachitem" style="display: block;">горшок</p>
<p class="seachitem" style="display: block;">стул</p>
<p class="seachitem" style="display: block;">прованс</p>
<p class="seachitem" style="display: block;">обои</p>
<p class="seachitem" style="display: block;">зелень</p>
<p class="seachitem" style="display: block;">овечка</p>
<p class="seachitem" style="display: block;">кот</p>
<p class="seachitem" style="display: block;">камень</p>
<p class="seachitem" style="display: block;">природный</p>
<p class="seachitem" style="display: block;">девушка</p>
<p class="seachitem" style="display: block;">комод</p>
<p class="seachitem" style="display: block;">темно</p>
<p class="seachitem" style="display: block;">граффити</p>
<p class="seachitem" style="display: block;">светильник</p>
<p class="seachitem" style="display: block;">зима</p>
<p class="seachitem" style="display: block;">подушка</p>
<p class="seachitem" style="display: block;">кухня</p>
<p class="seachitem" style="display: block;">город</p>
<p class="seachitem" style="display: block;">свечи</p>
<p class="seachitem" style="display: block;">дети</p>
<p class="seachitem" style="display: block;">комната</p>
</div>
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).on('ready', function() {
$(".seachitem").hide();
$('input.search').keyup(function(){
pole = new RegExp(""+$(this).val()+"",'ig')
$(".seachitem").hide();
for (var i = 0; i != $(".seachitem").length; i++) {
if (pole.test($(".seachitem").eq(i).html())) {
$(".seachitem").eq(i).show();
}
}
});
});
</script>
</body>
</html>