0
  • Input Search

    <div class="location-search-left">
                          <span class="left_search"><i class="fa fa-search"></i></span>
                          <input type="text" id="filter" class="form-control" placeholder="Enter Your Address">
                          <span class="right_search"><i class="fa fa-location-arrow"></i></span>
                        </div>


  • JS
$("#filter").keyup(function() {
// Retrieve the input field text and reset the count to zero
var filter = $(this).val(),
  count = 0;
  // Loop through the comment list
  $('.storerw .col-12.my-3').each(function() {
    // If the list item does not contain the text phrase fade it out
    if ($(this).text().search(new RegExp(filter, "i")) < 0) {
      $(this).hide();
      // Show the list item if the phrase matches and increase the count by 1
    } else {
      $(this).show();
      count++;
  }
  });
});

Jagdish Sarma Asked question October 29, 2021
Add a Comment