Filtering: How to hide/show (toggle) certain table rows on click?

Answer 1

$(function () {
    $( "td" ).on( "click", function() {
        var type = $(this).text();
        $('td:first-child').parent('tr:not(:contains('+type+'))').toggle();
    });
});

  

    
Type
    
Color
    
Wheels
  
  

    
Car
    
Red
    
4
  
  

    
Motorcycle
    
Green
    
2
  
  

    
Bike
    
Blue
    
2
  
  

    
Car
    
Blue
    
4
  
  

    
Bike
    
Green
    
2
  
  

    
Motorcycle
    
Red
    
2
  

Stores the text from current td, hides tr nodes which do not contain the text.