find element based on tabindex

Viewed 22938

Using jquery or javascript, how can I find the input element in the DOM that has a particular tabindex set to it, eg.

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

I would want this element returned if I was searching for the element with tabindex = 7.

4 Answers

Just using JavaScript:

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

And if you want all elements, not just inputs, with a tabindex attribute of seven:

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

However, MDN recommends avoiding tabindex values greater than zero as it may be confusing, especially for those using screen readers.

Related