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

Question

这是我要讨论的Fiddle。

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

到目前为止，我的代码在 Fiddle 中。我已经尝试.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);
});

FIDDLE

编辑：

排除第一个：

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

FIDDLE