jQuery üst formu bul

bu html'im var

<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"]Parçası olduğu formu nasıl seçebilirim ? (Gönder düğmesini tıkladığımda formu seçmek ve içine bazı alanlar eklemek istiyorum)

closestEn yakın eşleşen üst öğe seçer kullanarak kullanmanızı öneririm :

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

İsme göre filtreleme yerine, bunu yaparım:

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

Tüm girişlerde bulunan form referansını kullanabilirsiniz, bu çok daha hızlıdır .closest()(Chrome ve IE8'de 5-10 kat daha hızlı). IE6 ve 7 üzerinde de çalışır.

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

Bana göre, bu en basit / en hızlı gibi görünüyor:

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

HTML5 tarayıcılarından biri kullanılabilir inputElement.form- özniteliğin değeri <form>, aynı belgedeki bir öğenin kimliği olmalıdır . MDN hakkında daha fazla bilgi .

ayrıca bkz. jquery / js - Hangi gönderme düğmesine tıklandığına bağlı olarak üst formu nasıl seçerim?

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