javascript - 如何使用 jquery 查找下一个元素？

Question

在我给出的示例中，我有两个文本框。当第一个文本框中的值更改时，我想立即找到下一个文本框(注意:没有 id)并更改其值。

给出的示例仅包含单个文本框组。实际上它可以是多个文本框。 (一组财务数据的从和到文本框)

因此，当来自文本框 (txtFinancialYearFrom) 的值更改时，我想找到目标文本框 (txtFinancialYearTo) 并更改其值。

JsFiddle Link - Example

在此先感谢您的帮助!!

<table class="fotm-table">                       

                    <tr>
                        <td class="text-right" width="120">
                            <span id="ContentPlaceHolder1_lblFinancialYear">Financial Data :</span>
                        </td>
                        <td>
                            <span>
                                <input type="text" id="txtFinancialYearFrom" 
                                name="ctl00$ContentPlaceHolder1$txtFinancialYearFrom">
                            </span>
                        </td>
                        <td width="20" align="center">
                            <span style="align-content: center">to</span>
                        </td>
                        <td>
                            <span>
                                <input type="text" id="txtFinancialYearTo" 
                                name="ctl00$ContentPlaceHolder1$txtFinancialYearTo">
                            </span>
                        </td>
                    </tr>                        
                </table>

Answer 1

使用给定的信息，因为您将有更多的 block (应该是表上的行)，这个解决方案应该有效:

    var rows = $('.fotm-table tr');
    $(rows).each(function(){
        $('input:first', $(this)).on('change', function(){
            var fromValue = $(this).val();
            var row = $(this).closest('tr');
            $('td:last input', row).val(parseInt(fromValue) + 1);
        });
    });

代码从您的表中获取所有行，并且对于其中的每一行，它将添加一个监听器，当您更改第一个文本框(输入)时，它会更改下一个文本框的值(这里是将 1 添加到它)。