jQuery addClass example

Change class name on click in jQuery

by aparadise

HTML

<table class="blah">
<tbody>
  <tr>
     <td>one</td>
  </tr>
   <tr>
     <td>two</td>
  </tr>
  
  <tr class="machine-details">  
     <td>three</td>
  </tr>
  
    <tr class="machine-details">  
     <td>four</td>
  </tr>
  
  
  <tr class="machine-details" style="display: none;">
     <td>None</td>
  </tr>
  
    <tr class="machine-details" style="display: none;">
     <td>None</td>
  </tr>

</tbody>
</table>

<table class="blah">
<tbody>
  <tr>
     <td>one</td>
  </tr>
  
  

  <tr class="machine-details" style="display: none;">
     <td>None</td>
  </tr>

</tbody>
</table>

JavaScript

var foo = $('table').find("tr:visible").length;


$('table').each(function () {
    var $this=$(this);
    if ($this.find('tr:visible').length > 2) {
       // $this.find('a.single-product-link').addClass('visible');
       $(this).css('border', '1px solid grey')
    }
});

/*
if(foo > 2){ 
	$('table').css('border', '1px solid grey')
}

*/


/*
$('table').each(function(){

  if(foo > 1){ 
    $('table').css('border', '1px solid grey')
  }

})
*/

/*$( "table" ).map(function() {
  if(foo > 3){ 
    $(this).css('border', '1px solid grey')
  }
      
  })
*/


//alert(foo)