jquery - 在 keyup 事件上填充同级单元格

Question

这是我要讨论的小提琴。

我有三个输入框，我想制作它们，以便当用户输入其中任何一个时，其他输入框将填充一些文本。应该设置为，如果用户在第一个单元格中输入，则填充右侧的两个单元格，或者如果用户在行中的最后一个单元格中输入，则填充前两个单元格。

到目前为止我的代码在小提琴中。我已经尝试.next()了大约一百万次，但我无法让它工作。

HTML：

<table>
    <tr>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
    </tr>
</table>​

JS：

$('input').focus(function() {
    $(this).keyup(function() {
        var tmp = $(this).val();
        $(this).next('input').val("asdf");
    });
});​

Answer 1

$('input').on('keyup', function() {
    $(this).closest('td').siblings('td').find('input').val(this.value);
});

小提琴

编辑：

排除第一个：

$('input:gt(0)').on('keyup', function() {
    $(this).closest('td').siblings('td').not(':first').find('input').val(this.value);
});

小提琴