我的网页上有一个表(有两个文本框Item和Count)。
我尝试访问每行中两个文本框的值。
请参阅下面的代码
<table id="tbl-contents" class="table">
<thead>
<tr>
<th>Item</th>
<th>Count</th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="clsRow">
<td>
@*
<input type="text" class="form-control" placeholder="Item" data-required="true">*@
<input id="txtItem" class="form-control" placeholder="Item" type="text" value="" tabindex="-1" name="" data-required="true">
</td>
<td>
@*
<input type="text" class="form-control" placeholder="Item Count" data-required="true">*@
<input id="txtItemCount" class="form-control" placeholder="Item Count" type="text" value="" tabindex="-1" name="" data-required="true">
</td>
</tr>
<tr class="clsRow">
<td>
<input type="text" class="form-control" placeholder="Item">
</td>
<td>
<input type="text" class="form-control" placeholder="Item Count">
</td>
<td>
<a class="clsDelContent"><i class="fa fa-minus-square" style="font-size: 22px;"></i></a>
</td>
</tr>
<tr class="clsRow">
<td>
<input type="text" class="form-control" placeholder="Item">
</td>
<td>
<input type="text" class="form-control" placeholder="Item Count">
</td>
<td>
<a class="clsDelContent"><i class="fa fa-minus-square" style="font-size: 22px;"></i></a>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" style="text-align: right;">
<a class="clsAddContent"><i class="fa fa-plus-square" style="font-size: 22px;"></i></a>
</td>
</tr>
</tfoot>
</table>
脚本
$('#tbl-contents tbody tr').each(function () {
var customerId = $(this).find("td").html();
alert(customerId);
});
请帮忙。
答案 0 :(得分:1)
$('.clsRow').each(function() {
var foo = $(this).find('input');
var item = foo[0].value;
var itemcount = foo[1].value;
})
答案 1 :(得分:1)
答案 2 :(得分:0)
您可以使用以下脚本。
var reqValues = [];
$('.clsRow').each(function(i){
var $currentTD = $(this).find('td')
reqValues["item"+i] = $currentTD.eq(0).find('input').val();
reqValues["values"+i] = $currentTD.eq(1).find('input').val();
});
要获取特定值,请使用以下代码 -
reqValues["item1"]
reqValues["values1"]
reqValues["item2"]
reqValues["values2"]