jQuery - ebeveyn "Bu"

Question

$('form').each(function(){ 
    var form = this; 
    $('a', this).click(function(){ form.submit(); }); 
}); 

bir ara değişkeni kullanmadan ben o tıklama işlev içinde ebeveyn (this) eleman almak bir yolu var mı? Bunun farkında olduğumu bilmediğim bir anahtar kelime olduğunu düşünüyorum.

$ .ajax işlevinde, böyle bir şey yapmanıza izin veren context parametresi vardır.

Answer 1

Hayır, bunu en iyi şekilde yaptınız. Kongre bu kullanarak önerir: a beri

var that = this; 
$('a', this).click(function(){ that.submit(); }); 

Answer 2

form bir çocuktur, kullanabileceğiniz closest:

$('a', this).click(function(){ $(this).closest('form').submit(); }); 

Başka bir seçenek proxy geçerli:

$('a', this).click($.proxy(function(){ this.submit(); }, this)); 

Answer 3

Sen başvurmak gerekir jquery'nin ebeveyni ile (veya bir etiketin nasıl yuvalandığına bağlı olarak ebeveynler) seçiciye

Yani böyle bir şey çalışması gerekir:

$('form').each(function(){ 
    $('a', $(this)).click(function(){ $(this).parent('form').submit(); }); 
}); 

Answer 4

Emin - bir kapatma kullanın.

$('form').each(function() { 
    $('a', this).click((function(x) { return function() { x.submit(); })(this)); 
}); 

(tek jQuery yerleşik pek emin değildi, Prototip benzer) bir curry işlevi varsa, o orta çizgisiyle biraz kolaylaştırabilirsiniz:

$('a', this).click(curry(function(x) { x.submit(); }, this)); 

Answer 5

Öncelikle, sizin Örnek haklı, ikincisi, çoğu insan bunu böyle yapardı. Anahtar kelime yok, sadece yönü ters çeviriyor ve DOM'u en olası ebeveyn için geçiyor (zaten bulduğunuzdan beri aptalca oluyor, değil mi?). Bu durumda, diğer yanıtlayanlar closest'u nasıl kullanacaklarını doğru göstermiş olsalar bile, bir ara değişken öneririm. (Ayrıca, bir <form> içinde <form> geçersiz HTML olduğunu, biraz da teknik bir dayanmaktadır. Hiçbir çocuğu öbür tarafa etmediğini bir <div> gibi şeyler için garanti yok sonraki <a> arayan <div> s.)

$("#parent").something(function() { 

    var _this = this; 
// var self = this; 
// var that = this; 
// var someMoreMeaningfulName = this; 

    $("#child", this).somethingElse(function() { 
     $(_this).somethingEvenElser(); 
     ... 
    }); 
}); 

Okuması güzel şey değil, ama desen kolayca tanınabilir var kadar sık ​​görülmektedir:

jQuery olarak böyle bir sürü bakın. _this (alt çizgi özel değişkenleri imalatabilir), self (aslında değil), vb. Gibi şeyler yerine (var form) ne yaptığınızı tavsiye ederim