我想制作搜索过滤器,但我只找到仅显示搜索项目而不是框的过滤器。知道我怎么做吗?这是我的代码:
HTML:
foreach($results as $row) {
echo '<div class="col-md-3">';
echo '<div class="card" >';
echo '<div class="card-body">';
echo '<h5 class="card-title">'.$row->cm_name.' '.$row->cm_surname.'</h5>';
echo '<h6 class="card-subtitle mb-2 text-muted">Dodano: '.mdate($dateString, $row->cm_added_date).'</h6>';
echo '<p class="card-text">Nr. Tel: +48 '.chunk_split($row->cm_phone, 3, ' ').'</p>';
echo '<a href="#" class="card-link">Edytuj</a>';
echo '<a href="'.base_url('core/customers/delete/'.$row->cm_id).'" class="card-link">Usuń</a>';
echo '</div>';
echo '</div>';
echo '</div>'; }
这是脚本:
$(document).ready(function(){
$("#searchInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#searchBox *").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
并附加屏幕:屏幕1 屏幕 2
看起来.filter
需要返回一个 true 或 false 的值。然后,您需要对它为您提供的节点数组执行一些操作。
$("#searchBox *").filter(function() {
return $(this).text().toremoveLowerCase().indexOf(value) > -1);
}).hideOrDoWhateverYouLike();
http://api.jquery.com/filter/