Javascript jquery选择不带ID的表单元素

我在一个html站点中有两个表单，每个表单都有一个输入框和一个提交按钮

<div id="ausgabe">
 <form class="forms">
  <input type="text" placeholder="bla">
  <button type="submit" class="btn btn-primary btn-small">TestA</button>
 </form>
 <form class="forms">
  <input type="text" placeholder="bla">
  <button type="submit" class="btn btn-primary btn-small">TestB</button>
 </form>
</div>


$(".forms").submit(function(event)
{
    event.preventDefault(); // Prevent the form from submitting via the browser
   var test = $(this);
   var wert = test.parent().find(":input:first").val();
   alert("Button pressed"+wert); 
});

种皮
测试B
$（“.forms”）.submit（函数（事件）
{
event.preventDefault（）；//防止表单通过浏览器提交
var测试=$（此）；
var wert=test.parent（）.find（“：input:first”）.val（）；
警报（“按下按钮”+wert）；
});

然后，我在第一个输入框中键入“TestA”，然后按下此表单的提交按钮，就会收到“button pressed TestA”警报

然后我在第二个输入框中输入“TestB”，它属于第二种形式，我期望这个结果是“Button pressed TestB”，但我再次得到了“Button pressed TestA”

如何获取属于its表单的inputbox的值？ 我的想法是找到被按下的按钮的父项，然后在那里找到一个输入框

我正在从JavaServlet后端动态生成这些表单，我不想为每个表单创建ID

致意

---

rubiktubik

针对表单时，您不希望在父元素中找到第一个输入，而是在表单本身中：

$(".forms").on('submit', function(event) {
    event.preventDefault();
    var test = $(this);
    var wert = test.find(":input:first").val();
    alert("Button pressed"+wert); 
});

---

该死的，我正要打电话给你，下次你会得到的！