从一个td输入转到另一个td输入jquery

从一个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

以下是数据[{Amount:10622.50,SalaryHeadId:2},{Amount:700.00,SalaryHeadId:3}]

我想做的是:找到td中的输入值。假设我在data.SalaryHeadId中得到值10

因此,我需要找到值为10的td输入,然后在表的第四列中设置一些值,这也是一种输入类型。这里,SalaryHeadId输入的Id为 头部Id+头部Id 我不知道怎么做。谢谢你花时间讨论我的问题

更新:仅用于两行的Html。输入类型中的所有id都是通过编程方式添加的

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);
});