从一个td输入转到另一个td输入jquery
以下是数据[{Amount:10622.50,SalaryHeadId:2},{Amount:700.00,SalaryHeadId:3}] 我想做的是:找到td中的输入值。假设我在data.SalaryHeadId中得到值10 因此,我需要找到值为10的td输入,然后在表的第四列中设置一些值,这也是一种输入类型。这里,SalaryHeadId输入的Id为 头部Id+头部Id 我不知道怎么做。谢谢你花时间讨论我的问题 更新:仅用于两行的Html。输入类型中的所有id都是通过编程方式添加的从一个td输入转到另一个td输入jquery,jquery,Jquery,以下是数据[{Amount:10622.50,SalaryHeadId:2},{Amount:700.00,SalaryHeadId:3}] 我想做的是:找到td中的输入值。假设我在data.SalaryHeadId中得到值10 因此,我需要找到值为10的td输入,然后在表的第四列中设置一些值,这也是一种输入类型。这里,SalaryHeadId输入的Id为 头部Id+头部Id 我不知道怎么做。谢谢你花时间讨论我的问题 更新:仅用于两行的Html。输入类型中的所有id都是通过编程方式添加的 fun
function (data) {
$.each(data, function (index, item) {
$('#headid' + item.SalaryHeadId).closest('tr').find('td:eq(3) input').val(data.Amount);
});
});
请看这里的工作小提琴: 我想你只是犯了几个错误。你的函数的语法有点不对劲,它没有名字,在结尾有一个随机括号。不太确定您希望如何调用它,但我已将其更改为在文档准备好时调用 您还使用了data.Amount而不是item.Amount来设置值 这是js代码:
<table id="table" class="table table-striped table-bordered table-hover">
<tbody><tr>
<th>
Id
</th>
<th>
HeadName
</th>
<th>
Is Deduction
</th>
<th>
Percentage
</th>
<th>
Amount
</th>
</tr>
<tr>
<td>
1
</td>
<td>
<input type="text" value="1" name="item.Id" id="headid1" data-val-number="The field Id must be a number." data-val="true" class="headid">
Basic
</td>
<td>
<input type="checkbox" disabled="disabled" class="check-box">
<label for="" class="lbl"> </label>
</td>
<td>
<input type="text" value="" name=" " id="Percentage1" class="percentage">
</td>
<td>
<input type="text" value="" name=" " id="Amount1" class="amount">
</td>
</tr>
<tr>
<td>
12
</td>
<td>
<input type="text" value="12" name="item.Id" id="headid12" class="headid">
Govt. Part
</td>
<td>
<input type="checkbox" disabled="disabled" class="check-box">
<label for="" class="lbl"> </label>
</td>
<td>
<input type="text" value="" name=" " id="Percentage2" class="percentage">
</td>
<td>
<input type="text" value="" name=" " id="Amount2" class="amount">
</td>
</tr>
</tbody></table>
唯一的另一件事是检查您的值是否与ID匹配。我知道您只发布了一个数据示例,但是数据值和html根本不匹配。这就意味着我被困了一会儿。对你来说可能不是问题,我只是稍微编辑了一下html中的ID以使其正常工作。你能在那里共享HTMLI吗?你能展示一下如何设置数据吗?@AndrewPolland数据是json格式的[{Amount:10622.50,SalaryHeadId:2},{Amount:700.00,SalaryHeadId:3}]很好,没有错误,但我使用数据而不是项目。谢谢。我会在尝试快速完成某项任务时发生。非常感谢much@janina没问题。很高兴我能帮忙。很多时候,它只是一些你看不见的小东西。
function setValues(data) {
$.each(data, function (index, item) {
$('#headid' + item.SalaryHeadId).closest('tr').find('td:eq(3) input').val(item.Amount);
});
};
$(document).ready(function () {
var values = [{"Amount":10622.50,"SalaryHeadId":2},{"Amount":700.00,"SalaryHeadId":3}];
setValues(values);
});