/Javascript/jQuery/Iterate table in jquery

Iterate table in jquery

$(".button").on('click', function () {

                $("#myTable tr").each(function () {
                    var self = $(this);
                    var col_1_value = self.find("td:eq(0)").text().trim();
                    var col_2_value = self.find("td:eq(1)").text().trim();
                    var col_3_value = self.find("td:eq(2)").text().trim();
                    var col_4_value = self.find("td:eq(3)").text().trim();
                    var result = col_1_value + " - " + col_2_value + " - " + col_3_value + " - " + col_4_value;
                    console.log(result);
                });
            });

Source: codepedia.info

Iterate table in jquery

<table id="myTable" style="margin-left:50px;">
  <tr><th>Sr no</th><th>Name</th><th>Gender</th><th>Location</th></tr>
  <tr><td> 1</td><td>Satinder Singh</td><td> M </td><td> India </td></tr>
  <tr><td> 2 </td><td>Amit Sarna</td><td> M </td><td> France </td></tr>
  <tr><td> 3 </td><td>Andrea Ely</td><td> F </td><td> Brazil </td></tr>
  <tr><td> 4 </td><td>Leslie Mac </td><td> F </td><td> Australia </td></tr>
  <tr><td> 5 </td><td>Sonya David </td><td> F </td><td>America</td></tr>
</table>

Source: codepedia.info

Similar codes

0 vote144 views1 answer
HH:mm with am pm jquery
Javascript jQuery
0 vote143 views1 answer
Differences between detach(), hide() and remove() - jQuery
Javascript jQuery
0 vote142 views1 answer
Wordpress load latest jQuery
Javascript jQuery
1 vote140 views1 answer
Model show in jquery
Javascript jQuery
0 vote135 views1 answer
Slider is not a function jquery
Javascript jQuery
0 vote144 views1 answer
How to call function on every keypress in jquery
Javascript jQuery
14 votes152 views2 answers
Find name description jquery children()
Javascript jQuery
0 vote137 views1 answer
Change abclground onload jquery
Javascript jQuery
5 votes148 views6 answers
Jquery get class name
Javascript jQuery
0 vote159 views1 answer
Loop through checkboxes jquery
Javascript jQuery