JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//"Show ID" for Associate Button Click
$('.resultGridTable tr > td > .actionButtonNational').click(function () {
//"this" means Show ID button
//Traversing to get the parent row and then the required columns in the row
var associateID = $(this).parents('tr').find('.wrapperDivHidden input[type="hidden"]').val();
alert(associateID);
return false;
});
});
</script>
</head>
<body>
<form method="post" action="Default.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZJZJJVCN8MR62ULFo67MXfMGyU+R6dQddtpmDAvHNfDU" />
</div>
<div>
<table class="resultGridTable" cellspacing="0" id="detailContentPlaceholder_grdSubscirbedAssociates"
style="border-collapse: collapse;">
<thead>
<tr>
<th scope="col">
<a>Consumer ID</a>
</th>
<th scope="col">
<a>Associate ID</a>
</th>
<th scope="col">
<a>Associate Name</a>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
101
</td>
<td>
XXXXX
<input type="submit" name="ctl00$detailContentPlaceholder$grdSubscirbedAssociates$ctl04$btnNational"
...