jQuery find parent form

Question

i have this html   lt ul gt       lt li gt  lt form action     name  formName  gt  lt  li gt       lt li gt  lt input type  text  name  someName    gt  lt  li gt       lt li gt  lt input type  text  name  someOtherName    gt  lt  li gt       lt li gt  lt input type  submit  name  submitButton  value  send  gt  lt  li gt       lt li gt  lt  form gt  lt  li gt   lt  ul gt    How can i select the form that the input name  submitButton   is part of    when i click on the submit button i want to select the form and append some fields in it

User · Accepted Answer

I would suggest using closest  which selects the closest matching parent element      input name  submitButton     closest  form      Instead of filtering by the name  I would do this      input type submit    closest  form

User · Answer

see also 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

User · Answer

As of HTML5 browsers one can use inputElement form - the value of the attribute must be an id of a  lt form gt  element in the same document  More info on MDN

User · Answer

You can use the form reference which exists on all inputs  this is much faster than  closest    5-10 times faster in Chrome and IE8   Works on IE6  amp  7 too   var input      input type submit     var form   input length  gt  0     input 0  form

User · Answer

To me  this looks like the simplest fastest      form input type submit    click function        attach the listener to your button    var yourWantedObjectIsHere     this form        use the native JS object with  this

[jquery] jQuery find parent form

Examples related to jquery

Examples related to traversal