¿Cómo encontrar el formulario padre del elemento?

Question

Estoy tratando de encontrar la forma de los padres del elemento utilizando el código de abajo:

<form id="f1" action="action1.html"> 
form1 <button id="btn1" onclick="testaction(this); return false;" >test form 1</button> 
</form> 


<script type="text/javascript" > 
function testaction(element) { 
    var e = $(element.id); 
    var form = e.parent('form'); 

    alert(form.id); // undefined!! 
    alert(form.action); // undefined!! 
    alert(document.forms[0].action); //http://localhost/action1.html 
} 
</script> 

Debe ser algo muy simple .... Gracias de antemano

Answer 1

El problema que tiene es que form es un objeto jQuery, no un objeto DOM. Si desea que sea el objeto de formulario, lo haría e.parent('form').get(0).

Además, está tratando el elemento incorrectamente - jQuery toma los selectores de id en el formato #id pero lo ha pasado id.

Aquí hay una versión de trabajo:

function testaction(element) { 
    var e = $(element);//element not element.id 
    var form = e.parent('form').get(0);//.get(0) added 

    alert(form.id); // undefined!! 
    alert(form.action); // undefined!! 
    alert(document.forms[0].action); //http://localhost/action1.html 
} 

ver esto por que en la acción: http://jsfiddle.net/BTmwq/

EDITAR: ortografía, claridad

Answer 2

http://api.jquery.com/closest/ lo hará. Se utiliza como esto

$('#elem').closest('form'); 

Answer 3

$(".whatever").parents("form"); 

Answer 4

Tira el controlador de eventos en línea a bordo y mantenerse discreta aquí.

$(document).ready(function(){ 
    $('#btn1').bind('click', function(){ 
     var form = $(this).closest('form')[0]; 

     alert(form.id); // defined 
     alert(form.action); // defined 
    }); 
}); 

Ref .: .closest(), .bind()

Answer 5

elemento Button tiene propiedad de formulario http://www.w3schools.com/jsref/dom_obj_pushbutton.asp

buttonElement.form