jQuery Next With Span＆amp;输入

Question

我有以下内容：

<span class="xyz">Test</span><input type="text" class="hello">
<span class="xyz">Test</span><input type="text" class="hello">
<span class="xyz">Test</span><input type="text" class="hello">

我想自动关注下一个输入：

$(document).on('keyup', '.hello', function() {
    $(this).next('input').focus();
});

如果删除代码，它可以正常工作。但是当代码存在时，却没有。想法？

Answer 1

.next('input')无效，因为<input>后面的元素是<span>。

尝试.nextAll()：

$(document).on('keyup', '.hello', function() {
    if ($(this).nextAll('input').length)
        $(this).nextAll('input')[0].focus();
});

请参阅DEMO。