使用jquery搜索LI列表

Question

问候,

我<li>在div中有一堆项目,div是可滚动的

我想有一个文本框来标记包含文本框和搜索按钮中某个文本的第一个li.

李应该变得可见:(

我不知道如何做到这一点:(

Answer 1

现场演示通过滚动更新

标记

<div id='test'>
    <ul>
         <li>Text</li>
         <li>Something</li>
         <li>Hey</li> 
         <li>der</li>
         <li>herp</li>
         <li>derp</li>
         <li>Testing</li>
    </ul>
</div>

JS

$('#searchBtn').click(function(){
    var searchString = $('#searchText').val(),
        foundLi = $('li:contains("' + searchString + '")');

    foundLi.addClass('found');
    $('#test').animate({ scrollTop: foundLi.offset().top});
});