jquery的選擇形式的元件，而不IDS

Question

我有一個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); 
}); 

然後i型「種皮」，在第一輸入框並按下提交按鈕對於這個表單並且得到一個「Button Press TestA」警報。

然後我屬於第二種形式的第二個輸入框輸入「TESTB」，我希望這個結果「按鈕按下TESTB」但我得到「按鈕按下泰斯塔」再次

如何才能得到的值屬於它的形式的輸入框？ 我的想法是獲得按鈕的父按鈕，並在那裏找到一個輸入框。

我從一個java servlet後端動態生成這個表單，我不想爲每個表單創建id。

問候 rubiktubik

Answer 1

當目標的形式，你不想來查找父元素的第一個輸入，但在窗體本身：

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