jQueryの親フォームを見つける

Question

私はこのhtml

を持っています

<ul> 
    <li><form action="#" name="formName"></li> 
    <li><input type="text" name="someName" /></li> 
    <li><input type="text" name="someOtherName" /></li> 
    <li><input type="submit" name="submitButton" value="send"></li> 
    <li></form></li> 
</ul> 

どのようにinput[name="submitButton"]が含まれているフォームを選択できますか？ （私はフォームを選択し、それにいくつかのフィールドを追加したい送信ボタンをクリックすると）

Answer 1

は、私が最も一致する親要素を選択closest、使用することをお勧め（私は、フォームを選択し、その中にいくつかのフィールドを追加したい[送信]ボタンをクリックしたとき）：フィルタリングの代わりに

$('input[name="submitButton"]').closest("form"); 

を名前によって、私はこれを行うだろう：

$('input[type=submit]').closest("form"); 

Answer 2

もjquery/js -- How do I select the parent form based on which submit button is clicked?

$('form#myform1').submit(function(e){ 
    e.preventDefault(); //Prevent the normal submission action 
    var form = this; 
    // ... Handle form submission 
}); 

を見ます

Answer 3

すべての入力に存在するフォーム参照を使用できます。これは.closest()よりもはるかに速く（ChromeとIE8では5〜10倍高速）。 IE6 &でも動作します。私に

var input = $('input[type=submit]'); 
var form = input.length > 0 ? $(input[0].form) : $(); 

Answer 4

、これが最速/最も簡単なように見えます：

$('form input[type=submit]').click(function() { // attach the listener to your button 
    var yourWantedObjectIsHere = $(this.form); // use the native JS object with `this` 
});