如何使用jQuery找到下一个可用的输入id？

Question

  

可能重复：
  Tab behavior using jQuery

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

Answer 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。