jQuery ค้นหาฟอร์มหลัก

ฉันมี 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"]เป็นส่วนหนึ่งได้อย่างไร (เมื่อฉันคลิกที่ปุ่มส่งฉันต้องการเลือกแบบฟอร์มและผนวกบางฟิลด์ในนั้น)

ฉันขอแนะนำให้ใช้closestซึ่งเลือกองค์ประกอบหลักที่ใกล้เคียงที่สุด:

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

แทนที่จะกรองตามชื่อฉันจะทำสิ่งนี้:

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

คุณสามารถใช้การอ้างอิงแบบฟอร์มที่มีอยู่ในอินพุตทั้งหมดซึ่งเร็วกว่ามาก (เร็วกว่า.closest()5-10 เท่าใน Chrome และ IE8) ทำงานบน IE6 และ 7 ด้วย

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

สำหรับฉันดูเหมือนว่าง่ายที่สุด / เร็วที่สุด:

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

ในฐานะที่เป็นเบราว์เซอร์ HTML5 หนึ่งสามารถใช้inputElement.form- ค่าของแอตทริบิวต์จะต้องเป็น ID ของ<form>องค์ประกอบในเอกสารเดียวกัน ข้อมูลเพิ่มเติมเกี่ยวกับMDN

ดูjquery / js ด้วย - ฉันจะเลือกแบบฟอร์มหลักตามปุ่มคลิกที่ส่งได้อย่างไร

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