jquery - keyup イベントで兄弟セルを設定する

Question

これから説明する内容のFiddleを次に示します。

3 つの入力ボックスがあり、ユーザーが入力ボックスのいずれかに入力すると、他のボックスにもテキストが入力されるようにしたいと考えています。ユーザーが最初のセルに入力している場合は右側の 2 つのセルにデータが入力され、ユーザーが行の最後のセルに入力している場合には最初の 2 つのセルにデータが入力されるように設定する必要があります。

私がこれまでに持っているコードは Fiddle にあります。私は.next()約100万回試しましたが、うまくいきません。

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

フィドル