#javascript #jquery search in html elements by onkeyup

javascript jquery html element text serach

$(function(){
// input type text ZE onkeyup
  $('#activitysearch').keyup(function(){
  // მივიღოთ ინპუტ ტეგიდან ყოველ ღილაკის დაჭერაზე მისი მნიშვნელობა, დაბალ რეგისტრში
    var val = $(this).val().toLowerCase();
    // მოსაძებნი კომპონენტები დავმალოთ ყველა, რათ გამოვაჩინოთ ისენი რომლებსაც იპოვის
    $(".activity").hide();
    
    // გადავარჩიოთ ყვეალ და თითეულში მოვნახოთ ჩვენი ინპუტის მნიშვნელობა ენთხვევა თუ არა
    $(".activity").each(function(){
      
      // text ში ჩავდოთ ის ტექსტი რაშიც გვინდა ხოლმე რო მოიძებნოს ინპუტიდან აღებული მნიშვნელობა
      var text = $(this).find('h2').text().toLowerCase();
      // ვანახოთ თუ რამე იპოვა, .indexOf(val) != -1    ეს მოძებნის 
      if(text.indexOf(val) != -1)
      {
        $(this).show();
      }
    });

    $(".place").hide();
    $(".place").each(function(){

      var text = $(this).find('h2').text().toLowerCase();
      if(text.indexOf(val) != -1)
      {
        $(this).show();
      }
    });

  });
});


// based on
// http://cssdeck.com/labs/simple-search-filter-using-jquery/
// https://www.w3schools.com/jquery/jquery_filters.asp