根据 tabindex 查找元素

【问题标题】：find element based on tabindex根据 tabindex 查找元素
【发布时间】：2011-07-29 11:25:04
【问题描述】：

使用 jquery 或 javascript，如何在 DOM 中找到设置了特定 tabindex 的输入元素，例如。

<input id="txtInput" type="text" maxlength="5" tabindex="7">

如果我正在搜索 tabindex = 7 的元素，我希望返回此元素。

【问题讨论】：

【解决方案1】：

你可以用下面的jQuery得到它

$('input[tabindex=7]')

【讨论】：

【解决方案2】：

用attribute selector：

$("[tabindex=7]") // all elements with tabindex=7

【讨论】：

【解决方案3】：

你可以通过属性选择器找到元素：

$('[tabindex=7]')

【讨论】：

【解决方案4】：

只使用 JavaScript：

document.querySelectorAll("input[tabindex='7']");

如果你想要所有元素，而不仅仅是输入，tabindex 属性为 7：

document.querySelectorAll("[tabindex='7']");

但是，MDN recommends 避免 tabindex 值大于零，因为这可能会造成混淆，尤其是对于那些使用屏幕阅读器的人。

【讨论】：