jquery 在输入文本区域中选择输入按钮

Question

我有很多输入文本区域，后面跟着一个按钮，我想做的是在按 Enter 键后自动为每个输入框选择下一个按钮元素，而不为输入框或按钮定义 id 或类.

我认为我的问题在于无法正确使用下一个功能，我对此有点陌生:

    <input type="text"/> <button>enter</button> /after hitting enter in this input, it would click the button element /

    <input type="text"/> <button>enter</button> /after hitting enter in this input, it would hit enter in this button element/

     <script>
     $("input[type=text]").keyup(function(event){
    if(event.keyCode ==13){
    $("input[type=text]").next("input[type=text] button").click();
     }
     });

上面的脚本部分不起作用，但是如果我给它们 id 或类，那么它就可以工作，例如，如果我为输入文本提供 id“in”，为按钮提供“btn”，那么它就可以工作对于此处的一个输入和按钮:

 $("#in").keyup(function(event){
 if(event.keyCode ==13){
  $("#btn").click();
  }
  });

但是我有太多的输入框后面跟着按钮，我需要以某种方式使每个输入框在按 Enter 键后选择下一个按钮。

请帮忙

Answer 1

更改:

$("input[type=text]").next("input[type=text] button").click();

至:

$(this).next("button").click();

请注意，keyCode 不是跨浏览器的，您可以使用 which 属性代替。

$("input[type=text]").keyup(function(event){
    if ( event.which === 13 ) {
        $(this).next("button").click();
    }
});