Question

当您在文本框中单击时，我会弹出一个模态。当您在模态上按下“接受”时，它不会聚焦到后面的下一个元素中。焦点似乎从页面跳回到标题选项卡。

让这很难的是我不能仅仅通过调用它的id来接受对一个特定元素的关注，因为下一个元素并不总是相同，它会根据另一个下拉列表进行更改。所以我想弄清楚是否有办法在我的（#purchaseprice） - ID（文本框）之后调用下一个元素。有没有办法在元素之后调用下一个元素？

我所尝试的是做一个if语句并列出所有可能的语句，但这似乎并没有做我正在尝试的事情。任何建议将不胜感激。

$(".dealer_accept").click(function(){
    $('#modal_special_outofstate').modal('hide');
    if ($('#ostatus').length > 0) {
        $("#ostatus").focus();
    } else if ($('#lien').length > 0) {
        $("#lien").focus();
    }
    });

Answer 1

简单，只需使用jQuery .next()函数即可！它也接受通常的选择器字符串！

如果你提供了HTML，我可以为此编写实际的代码，但我只想做下一个你想要的重点总是共享同一个类的项目。

所以，比如：

$(".dealer_accept").click(function(){
    $('#modal_special_outofstate').modal('hide');

    //is the next element the next element after what you're clicking?
    $(this).next(".nextElementClass").focus();
});

https://api.jquery.com/next/

如何从某个元素（不是）调用下一个元素（可能会改变）

1 个答案: