从tabindex中删除Javascript / JQuery

Question

在HTML表单上，我有INPUT文本框，后跟一个链接，然后是另一个INPUT文本框。我想从tabindex / tab顺序中删除链接：

<p>
<input type="text" name="field1" id="field1" value="" />
<a href="..a url.." id="link1">more info</a>
</p>

<p>
<input type="text" name="field2" id="field2" value="" />
</p>

Tab键顺序是field1，link1，field2，我希望它在tabindex / order中完全没有link1的field1，field2。除了通过tabindex属性进行重新排序之外，还有什么方法可以从标签中删除link1吗？

Answer 1

您可以使用html实现此目的：

<p>
<input type="text" name="field1" id="field1" value="" />
<a href="#" id="link1" tabindex="-1">more info</a>
</p>

<p>
<input type="text" name="field2" id="field2" value="" />
</p>

您也可以使用jquery来执行此操作：

$('#link1').prop('tabIndex', -1);