我也有一个用户列表:
<ul>
<li class="thumb selectable arrow light" style="margin-bottom:-5px;"
data-image="http://cdn.tapquo.com/lungo/icon-144.png">
<strong class="name">Peter <font data-count="0" style="position:relative;top:-2px;"> </font></strong>
<small class="description">Hi!</small>
</li>
...
</ul>
我想要的是每次您写一个字母时的文本输入,以仅显示以该字母开头或他们可能有姓名的用户。我能做什么?它与 jquery 一起使用,但不像 ...
最佳答案
这是一个input
过滤 <ul>
基于纯 JavaScript 中的值。它通过处理 onkeyup
来工作然后得到 <li>
s 并比较它们的内部元素 .name
带有过滤器文本。
var input = document.getElementById('input');
input.onkeyup = function () {
var filter = input.value.toUpperCase();
var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
var name = lis[i].getElementsByClassName('name')[0].innerHTML;
if (name.toUpperCase().indexOf(filter) == 0)
lis[i].style.display = 'list-item';
else
lis[i].style.display = 'none';
}
}
关于javascript - 过滤搜索 <ul>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15597736/