Jquery .next(输入OR textarea)

前端之家收集整理的这篇文章主要介绍了Jquery .next(输入OR textarea)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在搞乱这段简单的代码
$(this).next('input').focus();

我想让它选择下一个(输入OR textarea),以先到者为准 – 我该怎么做?

作为替代方案,我怎样才能让它专注于tabindex中的下一个项目?

编辑

因为下一个输入/ tabindex并不总是在$(this)之后,我怎样才能轻松遍历兄弟姐妹列表直到找到下一个匹配?

解决方法

使用:输入选择所有输入,文本区域,选择和按钮元素.
$(this).next(':input').focus();

jsFiddle

如果下一个输入不是兄弟,这似乎有效……
对于此示例,单击带有id =“test”的文本框,它将关注下一个:input元素.

<input type="text" value="hello world2"/>
<input type="text" value="hello world3"/>
<div>
    <input type="text" id="test"/>
</div>
<div>
    <div>Hi</div>
</div>
<textarea>found me</textarea>
<input type="text" value="hello world"/>

$(document).ready(function(){
    $('#test').click(function(){
       var c = $(this).parents().nextAll(':input:first').focus();
    });
});

jsFiddle2

猜你在找的jQuery相关文章