jquery sort table rows based on the custom column value

Question

I do have the below html having table data.


  
       CheckList
       Health
       Comments


  
            Trend of Failed Login attempts
  
  Green 
  


  
            Trend of mobile Login attempts
  
  Select 
  


  
            Trend of Success Login attempts
  
  Red 
  


  
            Trend of unknown Login attempts
  
  Amber 
  


  
            Trend of mixed Login attempts
  
  Select

I've to sort table rows based on the values present in Health. I want the table rows having Select value in Health column to be shown on top of the table.

I've managed to write below jquery to find the td value present in Health column.

$(document).ready(function() {
  $('#decisionTable tr').each(
            function() {
                console.log($(this).find('td[id="health"]')
                        .text());
            });
});

I got to know there is an in-built jquery function Jquery.sort() to get this done, however I'm not sure how to sort based on the Select value alone in the Health column.

Any help would be much appreciable.

Many Thanks in advance.

A. L · Accepted Answer

Is this what you want? You just basically need to find anything that has the word "select" in it then append it after the header (I suggest you to use next time instead).

I editted your header row with the id "header"

$('#decisionTable tr').each(
  function() {
  var row = $(this).find('td[id="health"]:contains("Select")');
  if (row.length)
  {
    $("#header").after($(this));
  }
});




       CheckList
       Health
       Comments


  
            Trend of Failed Login attempts
  
  Green 
  


  
            Trend of mobile Login attempts
  
  Select 
  


  
            Trend of Success Login attempts
  
  Red 
  


  
            Trend of unknown Login attempts
  
  Amber 
  


  
            Trend of mixed Login attempts
  
  Select

jquery sort table rows based on the custom column value

Answers (1)

Related Questions