jquery 1.8で入力のフォームの親を取得する方法は？

Question

これは、この質問の重複です：

• How to get the form parent of an input?

...しかし、時間が上に移動しました。受け入れられた答えはもはや有効ではないと私は思う。

チェックボックスが変更された場合は、チェックボックスのフォームを送信します。

$(document).on("change", "#my_checkbox_input", function() { 
    $(this).??? 
}); 

何??? jqueryのバージョン> = 1.8でのようになりますか？

Answer 1

あなたはその後、ちょうどあなたが提出したい場合は、その後submit()メソッドを呼び出して、現在の要素がラップ親フォームを取得するためにthis.formを使用して、現在の変更要素のオブジェクトにイベントコンテキストで参照するthisキーワードを使用することができますそれのようなのような：最初のjQueryオブジェクトにフォームを変換することによって

$(document).on("change", "#my_checkbox_input", function() { 
    this.form.submit(); 
}); 

、あるいはまた：

$(document).on("change", "#my_checkbox_input", function() { 
    $(this.form).submit(); 
}); 

そして、あなたは常にjQueryのメソッドを使用することができ.parents()または.closest()ように、現在の要素を参照してjQueryオブジェクト$(this)は、親ノード名（form）を指定使用し、この場合、親要素を取得する。注

$(document).on("change", "#my_checkbox_input", function() { 
    $(this).parents('form').submit(); 
}); 

：.closest()がより効率的ですスピードの点では.parents()より大きい。

これが役に立ちます。

Answer 2

試してみてください。

$(this).parent() 

または：

$(this).parent().find('#parent_id') 

Answer 3

あなたがそれにsubmit()を呼び出して、親form要素を見つけるためにclosest()を使用することができます。

$(document).on("change", "#my_checkbox_input", function() { 
    $(this).closest('form').submit(); 
}); 

はまた、そのclosest()に注意してくださいjQuery 1.3から利用可能になっているので、verこの場合、シオンはほとんど差をつけません。

Answer 4

このような状況では、次のコードが動作しますが、他の人も同じ構文で答えていることに注意してください。

$(document).on("change", "#my_checkbox_input", function() { 
    var form = $(this).closest('form'); 
    // do whatever you want with the form as `form` 
}); 

.closest()方法は、DOMツリー内の要素とその祖先を検索し、渡されたクエリに一致する最も近いものを返します。この場合、フォームを探していたので、探しているフォームが返されます。