专注于具有'tabindex'属性的下一个元素

时间:2012-09-28 10:20:51

标签: javascript jquery

如何关注具有'tabindex'属性的下一个元素

我需要这个,因为我的所有输入和选择都有相同的tabindex并且没有id

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

    $("*:focus").nextAll('[tabindex]').focus(); //this is not working

});

<div>

    <input type="text"  tabindex="1" />
    <input " type="text"  tabindex="1" />
    <br /><br />
    <input  type="text"  tabindex="1" />

    <select  tabindex="1">
        <option value=""></option>
        <option value=""></option>
        <option value=""></option>
        <option value=""></option>
        <option value=""></option>
    </select>

    <input type="text"  tabindex="1" />

</div>

1 个答案:

答案 0 :(得分:1)

您需要选择:first元素:

$(":focus").nextAll('[tabindex]:first').focus(); 

另请注意,*选择器的开头不需要:focus。这是隐含的。

这里有一个完整的模型http://jsfiddle.net/QJQDP/1/

你的第二个输入中也有一个拼写错误(额外")。