jQuery addClass example

Change class name on click in jQuery

by aparadise

HTML

<!--
https://stackoverflow.com/questions/23634439/jquery-count-child-elements-of-each-parent-div-with-if-else-statement
-->

<!--
https://www.youtube.com/watch?v=2G4nooOPj1U
-->

<div>
<table class="one">
<tr><td>onex 1</td></tr>
</table>

<table class="two">
<tr><td>onex 2</td></tr>
<tr><td>onex 3</td></tr>
</table>

<table class="three">
<tr><td>one 4</td></tr>
<tr><td>onex 5</td></tr>
<tr><td>one 6</td></tr>
</table>
</div>

CSS

.one{
  border: 1px solid red;
}

.two{
  border: 1px solid green;
  margin: 5px 0;
}

.three{
  border: 1px solid black;
}

JavaScript

var tableCount = $('table tr').length;
//alert(tableCount)
var tableChildren = $('table tr').children().length
//alert( tableChildren );

var table = $("table");
var tableL = $('table tr').length < 2;
var divC = $('div table').length;



$("table").each(function(index, elem) {
var scrapImg = $(this).find("tr");
if(scrapImg .length > 2) {
    $(scrapImg ).hide();
  }   
});

/*

$("#no-more-tables table").each(function(index, elem) {
var scrapTable = $(this).find("tr"); 
if(scrapTable.length < 3) {
    $('.series-title').css("border", "4px solid black"); $(this).parent().parent().addClass('xxx');
  }   
})

*/

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


if ($('table tr').length < 2) {
  alert('equal');
  $('table').css('display', 'none');
} else {
  alert('not equal')
}


})*/