我有以下html:

<span tabindex="19">

</span>

<span tabindex="20">

</span>

<span tabindex="21">

</span>

<span id="hidden" tabindex="22">

</span>

<span tabindex="23">

</span>

<span tabindex="24">

</span>

如您所见,span中的一个已隐藏,隐藏它的代码是
#hidden
{
display: none;
}

我想要一个选项卡跳过隐藏索引的行为。所以当我单击选项卡时,我想要这样的东西:-
转到19,20,21,23,24

我无法控制选项卡索引,因为它们在html i进程中进行了硬编码。

最佳答案

您可以给它一个负的tabindex,它应该被浏览器忽略。也有执行此操作的jQuery插件,例如SkipOnTab https://github.com/joelpurra/skipontab

var $hidden = $('#hidden');
$hidden.attr('tabindex', '-' + $hidden.attr('tabindex'));

10-07 19:37
查看更多