jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<table class="table table-hover" id="myTable">
<thead>
<tr><th scope="col">Full Name</th>
<th scope="col">Email</th><th>#Action</th></tr>
</thead>
<tbody>
<tr><td>John</td><td>john@example.com</td><td><button type="button" class="btn btn-danger btn-lg remove-btn">X</button></td></tr>
<tr><td>Smith</td><td>smith@example.com</td><td><button type="button" class="btn btn-danger btn-lg remove-btn">X</button></td></tr>

<tr class="insert_td_after_it">
<td><input type="text" class="form-control" id="fullname_td" placeholder="Applicant Full Name" value=""></td>
<td><input type="text" class="form-control" id="email_td" placeholder="Applicant Email" value=""></td>
<td><button type="button" class="btn btn-info btn-lg" id="addAlert">+</button></td></tr>

</tbody></table>

JavaScript

$(document).ready(function(){
console.log("rendered.");
	
var trs = $("#myTable").find("tbody>tr");

var obj = {};
  
$( trs ).each(function( index, content ) {

 
var name = jQuery(content).find('td:eq(0)').text();
var email = jQuery(content).find('td:eq(1)').text();
 


obj = Object.assign(obj, {'name':name, 'email': email});





});//each() finish

 
 console.log(obj);
  
  

});//ready() finish