Javascript 创建新字段时，关注下一个输入字段

我目前已经设置了jQuery，所以当用户在字段中按enter键时，将填充一组新字段。然而，焦点仍然集中在当前领域。我如何设置它，以便当有人按下enter键时，焦点会转移到新字段上

咖啡

$('.teaser-form').keyup (e) ->
  if e.keyCode == 13
    $('.add-new-list').click()

看法

如果您看到了，我输入了单词

enter

，这是第一组字段。在这个输入字段中，我可以按enter键，其他元素将填充，但我的焦点停留在第一个元素上

---

我希望它能够在每次单击enter时都关注新的

。摘要表单。
您是否正在尝试这样做


$（函数（）{
$（“输入”）.keyup（函数（e）{
如果（e.keyCode==13&&$（this.val（）.trim（）.length>0）
$（this）.closest（“p”）.next（）.find（“input”）.focus（）；
});
});

键入一些内容并按Enter键










是的，类似的东西。但我有那个点击事件，我试着用它来实现你所拥有的。我认为我做得不对，因为什么都没发生。单击事件将添加新字段。哪个单击事件应添加新字段？我没有任何点击事件。我错过什么了吗@hellomello…抱歉，我的示例中没有显示一个按钮，但我的单击事件正在添加新字段，因此我想知道您是否可以帮助我编写代码，在单击事件后如何聚焦只需添加按钮，并使用
按钮。last（）.focus（）
对其进行聚焦。我尝试过这样做<代码>$（'.add new list'）。单击（）.last（“.trister form”）.focus（）
，似乎我离目标越来越近了，这样行吗？还是我做错了什么？
.nested-fields.gear-patrol
  .col-md-10
    .gear-handler-cover
      = f.text_field :category, class: 'form-control list-category', placeholder: "Category"
  .col-md-2
    = link_to_remove_association "Remove", f, class: 'btn btn-default pull-right'
  .col-md-12
    = f.text_area :list, class: 'form-control', rows: "3", placeholder:'List your items (separated by commas)'
  .col-md-12
    = f.text_field :list, class: 'teaser-form form-control', placeholder: 'testing'