如何使用jQuery找到下一个可用的输入ID？ [复制]答案

【问题标题】：how to find the next available input id using jQuery? [duplicate]如何使用jQuery找到下一个可用的输入ID？ [复制]
【发布时间】：2012-03-13 04:24:15
【问题描述】：

可能重复：
Tab behavior using jQuery

想象一个网页中有很多文本框，我们的光标随机地聚焦在其中一个上。是否有任何解决方案可以使用 jQuery 找出下一个可用的文本框 ID？

【问题讨论】：

下一个可用的输入 id 是什么意思？您是否正在克隆输入元素并想要生成唯一 ID？还是要获取文档中的下一个输入元素？
最好的方法可能是用 tabindices 标记所有元素，然后使用该属性选择下一个。 w3.org/TR/html4/interact/forms.html#h-17.11.1
你应该改写你原来的问题。谢谢。

标签： jquery

【解决方案1】：

假设你想获取下一个输入元素并且元素分散在DOM中，你可以使用.index() ^[docs]方法：

var $inputs = $('input[type="text"]');

$(document.body).on('focus', 'input[type="text"]', function() {
    var next = $inputs.eq($inputs.index(this) + 1);
});

如果您动态插入输入元素，则必须重新选择输入元素并相应地更新$inputs。

【讨论】：