jquery - 带有跨度和输入的 jQuery Next

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

见演示。