count duplicate value from table column using jquery or javascript and pass to rowspan

Question

I want to count duplicate value from table column and pass to rowspan using javascript or jQuery.

$(document).ready(fu         


        

Answer 1

you can do this by using selectors

$('#tableId tbody tr td:nth-child(1)');

$(document).ready(function(){
var counts={},valuesArray=[];
 $('#tableId tbody tr td:nth-child(1)').each( function(){
   //add item to array
   var colValue=$(this).text();
   if($.inArray(colValue,valuesArray)==-1){
      counts[colValue]=1;
      valuesArray.push(colValue);
      
   }
   else{
      var oldCount=counts[colValue];
      counts[colValue]= ++oldCount;
   }
   
});
valuesArray=[];
 $('#tableId tbody tr td:nth-child(4)').each( function(){
    var currentObj=$(this);
    if(currentObj.length>0){
       $('#tableId tbody tr td:nth-child(1)').each( function(){
         var colValue=$(this).text();
         debugger;
          if($.inArray(colValue,valuesArray)==-1){
           var rowspanValue=counts[colValue];
           if( currentObj.attr("rowspan")==undefined)
           {
             currentObj.attr("rowspan",rowspanValue);
             currentObj.text(rowspanValue);
             valuesArray.push(colValue);
           }
         }
       })
    }
});

});

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #ffffdffffd;
  text-align: left;
  padding: 8px;
}

 

  

    
VISA
    
Country
    
Category
     
Total VISA
  
  
  

  

    
123456
    
abcc
    
Plumber
    

  
  

    
123456
    
abcc
    
Plumber
  
  

    
123456
    
abcc
    
Plumber
  
  
  

    
8787
    
ffffd
    
Plumber
     

  
   

    
8787
    
ffffd
    
Plumber
  
   

    
8787
    
ffffd
    
Plumber
  
   

    
8787
    
ffffd
    
Plumber
  
   

    
8787
    
ffffd
    
Plumber