javascript - 我将如何专注于 jQuery 的输入

Question

我正在尝试使用 jQuery 专注于输入。我可以通过使用输入标签的 id 轻松地做到这一点，但是它被设置为数据库字段中的 id，并且以不同的方式排序。这使得它在使用时无法像我想要的那样工作。我想要做的是使用 HTML5 数据属性来关注以下内容:

<input class="navigable" type="text" data-id="1" ID="123" data-number="1" maxsize="1">我希望能够使用 jQuery 专注于此。目前我有:

$('.navigable').keyup(function() {
    var self = $(this);
    var next = $('#txt'+(self.data('number')+1));
    if(next.length > 0 && self.val().length == self.attr('size')) {
    next.focus();
}

我的 HTML 标签必须是这样的:

<input type="text" class="navigable" id="txt1" data-number="1" maxsize="1">

提前致谢。

Answer 1

您的代码中有拼写错误。如果条件 }，您忘记关闭。 self.attr('size') 将返回 undefined。因为您的输入中没有任何名为 size 的属性。因此，将 self.attr('size') 替换为 self.data('number')。

试试这个:

$('.navigable').keyup(function() {
    var self = $(this);
    var next = $('#txt'+(self.data('number')+1));
    console.log(next);
    if(next.length > 0 && self.val().length == self.data('number')) {
    next.focus();
    }
});

DEMO