从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属性重新排序之外,还有什么方法可以完全删除tab1中的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);