/Javascript/jQuery/Get table row data jquery

Get table row data jquery

$("document").ready(function() {
  var tb = $('.layui-table:eq(0) tbody');
  var size = tb.find("tr").length;
  console.log("Number of rows : " + size);
  tb.find("tr").each(function(index, element) {
    var colSize = $(element).find('td').length;
    console.log("  Number of cols in row " + (index + 1) + " : " + colSize);
    $(element).find('td').each(function(index, element) {
      var colVal = $(element).text();
      console.log("    Value in col " + (index + 1) + " : " + colVal.trim());
    });
  });
});

Source: stackoverflow.com

Get table row data jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
  <tbody>
    <tr data-index="0" class="">
      <td data-field="sid" data-content="123456">
        <div class="layui-table-cell laytable-cell-1-sid"> 123456 </div>
      </td>
      <td>
        <div></div>
      </td>
    </tr>
    <tr data-index="1" class="">
      <td data-field="sid" data-content="100012">
        <div class="layui-table-cell laytable-cell-1-sid"> 100012 </div>
      </td>
      <td>
        <div></div>
      </td>
    </tr>
  </tbody>
</table>

Source: stackoverflow.com

Similar codes

0 vote224 views1 answer
Jquery random color array
Javascript jQuery
0 vote197 views1 answer
Get how much i scroll in jquery
Javascript jQuery
0 vote212 views1 answer
Manually set jquery text box
Javascript jQuery
0 vote153 views1 answer
Load data dynamically on page scroll using jquery ajax in json formt
Javascript jQuery
0 vote197 views1 answer
Jquery empty and append
Javascript jQuery
11 votes231 views5 answers
Import jquery into js file
Javascript jQuery
0 vote218 views1 answer
Jquery timepicker get value onchange
Javascript jQuery
0 vote247 views1 answer
Reset form javascript/jquery
Javascript jQuery
0 vote223 views1 answer
{status: success} get the value of status using jquery
Javascript jQuery
0 vote226 views1 answer
How to go back to previous page after updating data in jquery
Javascript jQuery