Javascript 用“关注下一个元素”；tabindex"；但在下一个td

为什么这不起作用

我试图用“tabindex”来关注下一个td中的下一个元素

我的元素没有ID，所有元素都有相同的tabindex

$('form').keypress(function (event) {

        $(":focus").parents('td').next('td').find('[tabindex]:first').focus(); //this is not working

    }

});


<table>
    <tr>
        <td><input name="TextBox1" type="text"  tabindex="1" /></td>
        <td><input name="TextBox2" type="text"  tabindex="1" /></td>
    </tr>
    <tr>
        <td><input name="TextBox3" type="text" tabindex="1" /></td>
        <td><input name="TextBox5" type="text"  tabindex="1" /></td>
    </tr>
    <tr>
        <td>
                <select name="DropDownList1"  tabindex="1">
                    <option value=""></option>
                    <option value=""></option>
                    <option value=""></option>
                    <option value=""></option>
                    <option value=""></option>
                </select>
        </td>
        <td><input name="TextBox6" type="text" tabindex="1" /></td></td>
    </tr>
    <tr>
        <td><input name="TextBox7" type="text" tabindex="1" /></td></td>
        <td><input name="TextBox8" type="text"  tabindex="1" /></td></td>
    </tr>

</table>

$（'form'）。按键（函数（事件）{
$（“：focus”）.parents（'td'）.next（'td'）.find（'[tabindex]：first'）.focus（）；//这不起作用
}
});

试试这个

$('#Id:focus').find('input[tabindex=1]').focus()

为你的tabIndex编制索引

我在中修改了你的代码

---

为什么你有tabindex 1的所有功能？非常感谢-但我看到它不会在下一个tr中跳转到下一个td-有什么想法吗？thanksIt正在跳转检查JSFIDLE。但是如果你想在下一个td中输入文本，请使用keydown而不是keypress。谢谢，我检查了，但在我的td中，它会在该行的第二个td中停止。你知道如何让它跳转到下一行的第一个输入吗？我建议你再次检查你的代码，可能会有一些细微的差别。或者可以使用代码创建JSFIDLE。那就测试一下吧

$('form').keypress(function (event) {

        $(":focus").parents('td').next('td').find('[tabindex="1"]:first').focus(); //this is not working



});
​