JSFiddle - React, Tailwind, and code Playground
by Rahul Sharma
HTML
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="tbl_beautify tbl_layout_fixed" id="tbl_edi_mapping">
<tbody>
<tr>
<th width="69%" scope="col">Value</th>
<th width="25%" scope="col">Client Carrier Code</th>
</tr>
<tr>
<td>
<input type="hidden" class="hfid" value="2" id="hfID">
<input type="hidden" class="hfValueid" value="2" id="hfValueId"><span title="Use this code to add a subscriber or dependent" id="lblValue">Addition</span>
</td>
<td>
<input type="text" value="addition121" maxlength="100" class="width_90_per" id="txtCustomValue">
</td>
</tr>
<tr>
<td>
<input type="hidden" class="hfid" value="5" id="hfID">
<input type="hidden" class="hfValueid" value="null" id="hfValueId"><span title="Use this code when sending a full roster to verify that the sponsor and payer databases are synchronized. See section 2.6, Updates versus Full File Audits, for additional information" id="lblValue">Audit or Compare</span>
</td>
<td>
<input type="text" value="audit" maxlength="100" class="width_90_per" id="txtCustomValue">
</td>
</tr>
<tr>
<td>
<input type="hidden" class="hfid" value="3" id="hfID">
<input type="hidden" class="hfValueid" value="null" id="hfValueId"><span title="Use this code for cancellation, termination, or deletion of a subscriber or dependent." id="lblValue">Cancellation or Termination</span>
</td>
<td>
<input type="text" value="" maxlength="100" class="width_90_per" id="txtCustomValue">
</td>
</tr>
<tr>
<td>
<input type="hidden" class="hfid" value="1" id="hfID">
<input type="hidden" class="hfValueid" value="1"...
JavaScript
$(document).ready(function () {
$('#b').click(function () {
$('#tbl_edi_mapping tr td:nth-child(2)').find("input").each(function () {
alert($(this).val());
//alert($(this).find('.width_90_per :input').eq(1).val());
});
});
});