web-dev-qa-db-ja.com

Javascript / JQueryをtabindexから削除

HTMLフォームには、INPUTテキストボックスとそれに続くリンク、そして別のINPUTテキストボックスがあります。 tabindex/taborderからリンクを削除したい：

<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>

タブの順序はfield1、link1、field2であり、tabindex/orderにlink1を含まないfield1、field2にします。 tabindex属性を介して並べ替える以外に、リンク1をタブから完全に削除する方法はありますか？

javascriptjqueryhtmltabindex
22
leepowers

あなたは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);
36
Jage