html - 动态添加tabindex

Question

我想添加tabindex到所有表单元素。该表单是动态的，我无法将其添加到 HTML 中。我想将它作为一个函数运行。

如果有多个同名的单选按钮，每个单选按钮都必须有自己的 tabindex值(value)。页面上的大多数表单元素均以 <input> 开头。 ，除了<select> 。我该如何解释这一点？

我想我需要运行一个循环并添加属性，对吗？

var n = 1; 

$('input, select').each(function() {               
    $(this).attr('tabindex', n++);
});

Answer 1

奇怪的问题，但是是的，这就是基本思想:

$(":input:not(:hidden)").each(function (i) { $(this).attr('tabindex', i + 1); });

这使用 :input获取所有内容，包括按钮和文本区域。 :not(:hidden) 将仅排除隐藏的输入以避免不必要的选项卡。