/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 vote181 views1 answer
Jquery validate conditional
Javascript jQuery
0 vote189 views1 answer
Get last part of url jquery
Javascript jQuery
3 votes207 views3 answers
Click outside box jquery
Javascript jQuery
2 votes179 views3 answers
PetShopIndex.html:137 Uncaught ReferenceError: $ is not defined jquery node
Javascript jQuery
1 vote194 views1 answer
Jquery check if string contains specific word
Javascript jQuery
0 vote176 views2 answers
On mouse over in jquery
Javascript jQuery
1 vote167 views1 answer
Change value krajee star rating using jquery
Javascript jQuery
4 votes213 views1 answer
Jquery find if select option exists
Javascript jQuery
13 votes198 views3 answers
Get text in select jquery
Javascript jQuery
10 votes202 views3 answers
Wordpress enqueue script jquery dependency
Javascript jQuery