javascript - 如何将选项卡的焦点从一个元素转移到另一个元素？

Question

我有一个表单，其中以下是其中一个表

<tr>
   <td>&nbsp;</td>
   <td valign="top"><nobr> Address Line 1 :</nobr></td>
   <td><input type="text" name="strLine1" class="textfield" id="strLine1" onFocus="nextfield ='strLine2';" />
<br /><span id="strLine1Info" ></span>              
   </td>
   <td>&nbsp;</td>
   <td align="left" valign="top"><nobr>Address Line 1 :</nobr></td>
   <td><input type="text" name="hstrLine1" class="textfield" id="hstrLine1" onFocus="nextfield ='hstrLine2';" />
    <br /><span id="hstrLine1Info" ></span>             
   </td>
   <td>&nbsp;</td>
 </tr>
 <tr>
   <td>&nbsp;</td>
   <td valign="top"><nobr>Address Line 2 :</nobr></td>
   <td><input type="text" name="strLine2" class="textfield" id="strLine2" onFocus="nextfield ='city';" />
    <br /><span id="strLine2Info" ></span>              
   </td>
   <td>&nbsp;</td>
   <td align="left" valign="top"><nobr>Address Line 2 :</nobr></td>
   <td><input type="text" name="hstrLine2" class="textfield" id="hstrLine2" onFocus="nextfield ='hcity';" />
    <br /><span id="hstrLine2Info" ></span>             
   </td>
    <td>&nbsp;</td>
 </tr>
 <tr>
     <td>&nbsp;</td>
     <td valign="top"> State :</td>
     <td>
    <input type="text" name="state" class="textfield" value="Secrete" id="state"  onFocus="nextfield ='Zip';" disabled />
    <br /><span id="stateInfo" ></span>                         </td>
     <td>&nbsp;</td>
     <td valign="top"> State :</td>
     <td>
<input type="text" name="hstate" class="textfield" value="Secrete" id="hstate" onFocus="nextfield ='hZip';" disabled />
<br /><span id="hstateInfo" ></span>                            </td>
     <td>&nbsp;</td>
   </tr>

我想将选项卡(键盘选项卡)从

Address Line 1 -> 
Address Line 2 -> 
State -> (second column)
Address Line 1 -> (second column)
Address Line 2 -> (second column)State

我想在 jQuery 中执行此操作。

Answer 1

对每个元素依次使用 tabindex 属性。按顺序获取第一列的制表符索引，按顺序获取第二列的制表符索引。