Filtrez la recherche pour & lt; ul & gt;

J'ai une liste d'utilisateurs ainsi:

<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>

ce que je veux, c'est une saisie de texte chaque fois que vous écrivez une lettre pour afficher uniquement les utilisateurs qui commencent par une lettre ou qu'ils pourraient avoir le nom. Comme je peux le faire? C'est avec jquery, mais pas que ...

source d'informationauteur Jaumesv

  1. 30

    Ici est un input que les filtres <ul> basé sur la valeur en JavaScript. Il fonctionne par la manipulation de la onkeyup et l'obtention de la <li>s et en comparant leur intérieure de l'élément de .name avec le filtre de texte.

    jsFiddle

    Filtrez la recherche pour & lt; ul & gt;

    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';
    }
}