And third table having some buttons. when click the button in third table i need to get first table td value?
foreach (var item in Model.TreatmentPlansList)
{
<table class="table1" id= "table1">
<tr id="@item.ExpertTreatmentPlanId">
<td>Treatment Plan @TreatmentPlanNo</td>
<td id="@item.TreatmentPlanOrderNo">
</td>
</tr>
</table>
<table class="table2" id= "table2">
<thead>
<tr>
<th>Category</th>
<th>Recommendation</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
foreach (var Plandetail in item.TreatmentPlanDetailList)
{
<tr id ="@Plandetail.ExpertTreatmentPlanDetailId">
<td>@Plandetail.Category</td>
<td>@Plandetail.Recommendation</td>
<td>
@Plandetail.Results
</td>
</tr>
}
</tbody>
</table>
<table class="ButtonTable" >
<tr>
<td>
<input type="button" id="AddComponent" value="Add Component" />
</td>
<td>
<input type="button" id="DeleteComponent" value="Delete Component" />
</td>
</tr>
</table>
}