根据tabindex查找元素

Question

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

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

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

Answer 1

您可以使用以下 jQuery 获取它

$('input[tabindex=7]')

Answer 2

使用属性选择器：

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

Answer 3

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

$('[tabindex=7]')

Answer 4

仅使用 JavaScript：

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

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

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

但是， MDN 建议避免 tabindex 值大于零，因为它可能会令人困惑，特别是对于那些使用屏幕阅读器的人。