How to show/hide tr if there td's have same value

Question

how to do show/hide only those tr if there last 2 td have same text.in this table i want to 3rd tr and 4th tr show hide. its have same value.


   
       
   
       Alto STD 
       Alto LXI 
   
   
     
      
         Wheel Covers
         
         
             Center Cap
         
         
            Full
         
      
      
         Body Coloured Bumpers
         
         
          - 
         
         
            yes
         
      
      
         Body Coloured Outside Door Handles 
        
         
             yes 
         
         
            yes
         
      
      
         Body Side Molding
        
         
             - 
         
         
             - 
         
      
      
         High-Mounted Stop Lamp
         
         
             yes

My jquery code here.this jquery code hide all tr which have '-' value . in this table i want to 3rd tr and 4th tr show hide. its have same value.

$("#tabledata tbody tr td:contains('" + '-' + "')").filter(function () {
      return $(this).text().trim() == '-';
    }).parent().toggle();

user_283366 · Answer

You'd need to iterate all the elements, check the contents and toggle visibility accordingly

$("#hide-rows").on("click", () => { 
  $("#tabledata tbody tr").each((_, tr) => {
    // Wrap the  in a jQuery object
    const $tr = $(tr)

    // get the last two  children
    const cells = $tr.find("td").slice(-2)

    // get all the unique values
    const values = new Set(cells.map((_, { textContent }) =>
      textContent.trim()).get())

    // Toggle the 
    $tr.toggle(values.size === 1)
    
    // or without using a Set
    // $tr.toggle(cells.eq(0).text().trim() === cells.eq(1).text().trim())    
  })
})


      Alto STD   Alto LXI  
   Wheel Covers  Center Cap  Full 
 Body Coloured Bumpers  -  yes 
 Body Coloured Outside Door Handles  yes  yes 
 Body Side Molding  -  - 
 High-Mounted Stop Lamp  yes

How to show/hide tr if there td's have same value

1 Answers