jQuery माता पिता प्रपत्र

Question

लगता है मैं इस एचटीएमएल है

<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() (क्रोम और आईई 8 में 5-10 गुना तेज) से बहुत तेज है। आईई 6 & 7 पर भी काम करता है।

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` 
});