javascript question portée

Question

extrait de code comme suit:

$(this).parents('td:first').next().find('option').customizeMenu('myMenu2'); 

Cela fonctionne, mais:

var listener = function(){ 
$(this).parents('td:first').next().find('option').customizeMenu('myMenu2'); 
}; 
listener(); 

ne fonctionne pas, pourquoi et comment y remédier?

Answer 1

'this' ne pointe pas sur le même objet quand il est placé dans une fonction, il pointe vers la fonction en cours (dans votre cas 'listener'). Prenez-le comme paramètre à la place, si c'est une option (cela dépend de la façon dont vous appelez votre fonction).

var listener = function(obj){ 
$(obj).parents('td:first').next().find('option').customizeMenu('myMenu2'); 
}; 

listener(this); 

Answer 2

this est la fonction. Essayez:

var listener = function(element){ 
    $(element).parents('td:first').next().find('option').customizeMenu('myMenu2'); 
}; 
listener(this);