Jquery 动态加载时如何向HTML按钮添加焦点?

Jquery 动态加载时如何向HTML按钮添加焦点?,jquery,html,button,autofocus,Jquery,Html,Button,Autofocus,我有一些关于动态加载的“下一步”和“上一步”按钮的教程。它们是动态加载的,因为按钮具有某种我需要检索的数据属性=“”,并根据我所处的步骤更新为不同的值 我希望当用户按下Enter时,单击“下一步”按钮。当我第一次加载教程时,“下一步”按钮具有autofocus属性: <button value='1' class='decrementer' 'type='button' >Prev</button> <button value='1' class='incremen

我有一些关于动态加载的“下一步”和“上一步”按钮的教程。它们是动态加载的,因为按钮具有某种我需要检索的
数据属性=“
”,并根据我所处的步骤更新为不同的值

我希望当用户按下Enter时,单击“下一步”按钮。当我第一次加载教程时,“下一步”按钮具有
autofocus
属性:

<button value='1' class='decrementer' 'type='button' >Prev</button>
<button value='1' class='incrementer' 'type='button' autofocus>Next</button>
如果我不动态地重新加载按钮,我就不会有这个问题(我可以按住enter键,它将无限期地递增)

问题:动态加载时,如何使此“下一步”按钮保持焦点,以便使用Enter键继续操作

小提琴:

添加线条

$("#button-container button.incrementer").focus();

更新HTML之后

或者,您可以决定根本不更新整个HTML。只需将按钮留在那里,只需更改其属性。

只需使用

$('#button-container .incrementer').focus();
……或者

$('#button-container .decrementer').focus();

…在适当的位置。请参阅更新的。

Hmm。。。不知道为什么我没有想到这个lol。这比重写所有东西都容易。哦,好的,谢谢!
$('#button-container .incrementer').focus();
$('#button-container .decrementer').focus();