Refer the below sample code for your reference and implement in your code using your code logic.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("[id*=btnFirstGenerateJson").click(function () {
var array1 = [];
$("[id*=tblfirstTable] .DataRow").each(function () {
var amount = $(this).find('td').eq(2).text().trim();
if (!isNaN(amount) && parseFloat(amount) > 0) {
var firstTableData = {};
firstTableData.Id = $(this).find('td').eq(0).text().trim();
firstTableData.Name = $(this).find('td').eq(0).text().trim();
firstTableData.Amount = amount
array1.push(firstTableData);
}
});
alert(JSON.stringify(array1));
});
$("[id*=btnSecondGenerateJson]").click(function () {
var array2 = [];
$("[id*=tblsecondTable] .DataRow .Amount").each(function () {
var amount = $(this).text().trim();
if (!isNaN(amount) && parseFloat(amount) > 0) {
var secondTableData = {};
secondTableData.Id = $(this).closest('tr').find('.Name').text().trim();
secondTableData.Name = $(this).closest('tr').find('.Sample').text().trim();
secondTableData.Amount = amount;
array2.push(secondTableData);
}
});
alert(JSON.stringify(array2));
});
});
</script>
</head>
<body>
<div>
<table id="tblfirstTable">
<tr class="Headerrow">
<th>
ID
</th>
<th>
Name
</th>
<th>
Amount
</th>
</tr>
<tr class="DataRow">
<td>
1
</td>
<td>
Sample-1
</td>
<td>
120
</td>
</tr>
<tr class="DataRow">
<td>
2
</td>
<td>
Sample-2
</td>
<td>
50
</td>
</tr>
<tr class="DataRow">
<td>
3
</td>
<td>
Sample-3
</td>
<td>
0
</td>
</tr>
<tr class="DataRow">
<td>
4
</td>
<td>
Sample-4
</td>
<td>
70
</td>
</tr>
<tr class="DataRow">
<td>
5
</td>
<td>
Sample-5
</td>
<td>
0
</td>
</tr>
</table>
<br />
<br />
<input type="button" value="Genrate First Table JSON Object" id="btnFirstGenerateJson" />
</div>
<br />
<br />
<table id="tblsecondTable">
<tr class="Headerrow">
<th>
ID
</th>
<th>
Name
</th>
<th>
Amount
</th>
</tr>
<tr class="DataRow">
<td>
<span class="Name">1</span>
</td>
<td>
<span class="Sample">Sample-1</span>
</td>
<td>
<span class="Amount">120</span>
</td>
</tr>
<tr class="DataRow">
<td>
<span class="Name">2</span>
</td>
<td>
<span class="Sample">Sample-2</span>
</td>
<td>
<span class="Amount">50</span>
</td>
</tr>
<tr class="DataRow">
<td>
<span class="Name">3</span>
</td>
<td>
<span class="Sample">Sample-3</span>
</td>
<td>
<span class="Amount">0</span>
</td>
</tr>
<tr class="DataRow">
<td>
<span class="Name">4</span>
</td>
<td>
<span class="Sample">Sample-4</span>
</td>
<td>
<span class="Amount">70</span>
</td>
</tr>
<tr class="DataRow">
<td>
<span class="Name">5</span>
</td>
<td>
<span class="Sample">Sample-5</span>
</td>
<td>
<span class="Amount">0</span>
</td>
</tr>
</table>
<br />
<br />
<input type="button" value="Genrate Second Table JSON Object" id="btnSecondGenerateJson" />
</body>
</html>
Demo