jquery - JQueryへのトラバース方法から中、間に

Question

さて、私は以下の構造を10回持っています。つまり、10個のフォームを意味します。 $('button')ご存知のように、任意のボタンのイベントを処理します。

<div>
  <form ...>
    <div><button type='button'>Submit</button></div>
    <div><input /></div>
    <div><input /></div>
    <div><input /></div>
    <div><input /></div>
  </form>
</div>

JQueryのみを使用し、そのトラバースメソッドのみを使用して、ボタンをクリックしたときに<form>からを取得するにはどうすればよいですか？$(this)

以前、parent（）、prev（）などを組み合わせて使用​​しましたが、取得できませんでした。たとえば$(this).closest('form').nodeName、アラートポップアップに「undefined」を表示します。

Answer 1

使用する

  $(':button').closest('form')

アップデート

$(':button').click(function(){
    alert($(this).closest('form').attr('class'));
});

Answer 2

これは間違いなく機能します：

 $('button').click(function(){
     alert($(this).closest('form').attr('id'));
 });

Answer 3

やってみました

$('button').parents('form:first').get(0).nodeName;

このような

$('button').click(function(){
    alert($(this).parents('form:first').get(0).nodeName);
});​

デモ

アップデート：

submitあなたはこのようにそれを単純化することができます

$('button').click(function(){
     $(this).parents('form:first').get(0).submit();
});​