基于tabindex查找元素

Question

使用 jQuery 或 JavaScript，如何在 DOM 中找到具有特定 tabindex 的输入元素，例如：

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

如果我要查找tabindex = 7的元素，我希望返回这个元素。

- amateur

---

这不是tabindex的正确使用方式。https://developers.google.com/web/fundamentals/accessibility/focus/using-tabindex - ChaBuku Bakke

Answer 1

你可以使用以下jQuery获取它。

$('input[tabindex=7]')

- Nalum

---

这样做会更好，因为它只会获取TabIndex为7的“input”元素。 - Talha Ahmed Khan

Answer 2

使用属性选择器：

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

- pimvdb

Answer 3

您可以使用属性选择器查找元素：

$('[tabindex=7]')

- Jakub Roztocil

Answer 4

只需使用JavaScript：

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

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

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

然而，MDN建议避免使用大于零的tabindex值，因为这可能会令使用屏幕阅读器的人感到困惑。

- Lupie