Friday, 8 January 2016
How to get datatable cell values on click event jQuery Code
Jquery code for get Student name,branch,address and phone no on click event :
$('#tblStdDetails').find('tr td:nth-child(1)').click(function (event) {
if ($(this).children().prop('type') != 'text') {
Method 1:To get First column value
var Studentid= $(this).parent().find('td:first').text(); // Here you can get first value means student id (one approach)
Method 2:To get First column value
var Studentid= $(this).parent().find('td:eq(1)').text();// using this method also get values(anohter approach)
var Branch= $(this).parent().find('td:eq(3)').text();
var Address= $(this).parent().find('td:eq(4)').text();
var Phone No= $(this).parent().find('td:eq(5)').text();
}
}
});
HTML CODE:
<table border="1" cellpadding="0" cellspacing="0" class="display cstblStdDetails" id="tblStdDetails">
<thead>
<tr>
<th>Student Id</th>
<th>Student Name</th>
<th>Branch</th>
<th>Address</th>
<th>Phone No</th>
</tr>
</thead>
<tbody>
<tr><td style="cursor: pointer; text-decoration: underline;">1</td><td>Anirudh</td><td>ECE</td><td>Chennai</td><td>9999999999</td></tr>
<tr><td style="cursor: pointer; text-decoration: underline;">2</td><td>Baskar</td><td>CSE</td><td>Hyderabad</td><td>9999999999</td>
</tr>
</tbody></table>
<table border="1" cellpadding="0" cellspacing="0" class="display cstblStdDetails" id="tblStdDetails">
<thead>
<tr>
<th>Student Id</th>
<th>Student Name</th>
<th>Branch</th>
<th>Address</th>
<th>Phone No</th>
</tr>
</thead>
<tbody>
<tr><td style="cursor: pointer; text-decoration: underline;">1</td><td>Anirudh</td><td>ECE</td><td>Chennai</td><td>9999999999</td></tr>
<tr><td style="cursor: pointer; text-decoration: underline;">2</td><td>Baskar</td><td>CSE</td><td>Hyderabad</td><td>9999999999</td>
</tr>
</tbody></table>
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment