Bootstrap 4 поисковый фильтр

Question

Я хочу сделать поисковый фильтр, но я нашел только фильтр, который показывает только искомый элемент, а не поле.Любая идея, как я могу это сделать?Это мой код:
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

Answer 1

Похоже, .filter необходимо вернуть значение true или false.Затем вам нужно что-то сделать с массивом узлов, которые он вам дает.

$("#searchBox *").filter(function() {
    return $(this).text().toremoveLowerCase().indexOf(value) > -1);
}).hideOrDoWhateverYouLike();

http://api.jquery.com/filter/