html:
<input type="text" id="filter" class="form-control"/> <table class="table table-bordered table-condensed"> {% for u in popular_urls %} <tr> <td class="url_item"> {{ u }} </td> </tr> {% endfor %} </table>
$(document).off('keyup', '#filter'); $(document).on('keyup', '#filter', function () { filter_items($(this).val()) }); function filter_items(text) { $('.url_item').each(function () { if ($(this).html().toString().indexOf(text) > -1) { $(this).parent().show() } else { $(this).parent().hide() } }) }
Advertisements