Öğeden ana form nasıl bulunur?

Question

aşağıda eleman kullanarak kodundan ana formunu bulmaya çalışıyorum:

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

Gerçekten basit bir şey olmalı .... Teşekkür peşin

Answer 1

yaşadığınız sorun form bir jQuery nesnesi değil, bir DOM nesnesi olmasıdır. Form nesnesi olmasını istiyorsanız, e.parent('form').get(0) yaparsınız.

Ayrıca, öğeyi yanlış işleme alıyorsunuz - jQuery, #id formundaki kimlik seçicilerini alıyor ancak siz bunu id ilettiniz.

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 
} 

eylem bunun için bu bakınız:: http://jsfiddle.net/BTmwq/

DÜZENLEME: Burada

bir çalışma versiyonu yazım, netlik

Answer 2

http://api.jquery.com/closest/ bunu yapacağız. Bu

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

Answer 3

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

Answer 4

gibi kullanılmış gemiye satır içi olay işleyicisi atın ve burada mütevazi muaftır.

$(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

Düğme eleman formu özelliğine sahiptir http://www.w3schools.com/jsref/dom_obj_pushbutton.asp

buttonElement.form