[JavaScript] <ul><li> 목록에서 검색기능 사용하기

<div>
        <div>
            <span>검색</span>
        </div>
        <input type="text" id="keyword" />
</div>
<div>
    <ul>
        <li>
           <div id='text'>" + data.text +"</div>
        </li>
    </ul>
</div>

 

// 검색 기능
$('#keyword').on('keyup', function(e){		
    $('ul > li').each(function() {
        var text = $(this).find('#text').text();
        var keyword = $('#keyword').val();
        if(text.indexOf(keyword) == -1) {
            $(this).css('display', 'none');
        } else {
            $(this).css('display', '');
        }
    })
});