Table to JSON

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
        <th>srno</th>
        <th>name</th>
        <th>email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Jhon One</td>
      <td>Doe one</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jhon two</td>
      <td>Doe Two</td>
    </tr>
  </tbody>
</table>

<button>
convert
</button>
<p id="result"></p>

JavaScript

$("button").click(function(){
	$("#result").text(html2json());
});

function html2json() {
	var $table = $('table');
  var $ths = $table.find('thead>tr>th');
  var rows = {};
	$table.find('tbody>tr').each(function() {
  	var row = {};
    $(this).children().each(function(index) {
    	row[$ths[index].textContent] = this.textContent;
    });
    rows[row.srno] = row;
	});
  return JSON.stringify(rows);
}