जावास्क्रिप्ट/JQuery टैबिंडेक्स से हटाएं

Question

एक HTML फॉर्म पर मेरे पास एक लिंक के बाद INPUT टेक्स्ट बॉक्स है, उसके बाद एक और इनपुट टेक्स्ट बॉक्स है। मैं tabindex/टैब क्रम से लिंक को निकालना चाहते:

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

टैब क्रम फ़ील्ड 1, link1, field2 है और मैं इसे फ़ील्ड 1, tabindex/आदेश पर सभी में link1 बिना field2 होना चाहता हूँ। tabindex विशेषता के माध्यम से पुनर्वितरण के अलावा, क्या टैबबिंग से लिंक 1 को हटाने का कोई तरीका है?

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