Question

为什么这不起作用

我正试图通过“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>

Answer 1

我在jsfiddle

中修改了您的代码

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

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



});

Answer 2

试试这个

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

并索引tabIndex

使用“tabindex”关注下一个元素但在下一个td

2 个答案: