Jquery quel objet utiliser

Question

J'ai le code jquery comme ceci:

$(".element").live('click', function(e) { 
    $(".element").css("height", $(this).parent().height() +"px") ; 
}); 

Ce que je veux est:

Modifier la hauteur de tous « .element » s à la hauteur de leurs parents (différent pour chacun). Le problème est que la balise $ (this) fait référence à l'élément sur lequel on a cliqué (la fonction de test fictive changera plus tard). J'ai essayé d'utiliser $ (". Element"). Parent(). Height(), mais cela ne semble pas non plus être le cas. Comment puis-je me référer à l'élément réel correct?

Answer 1

Si vous voulez dire que cliquer sur un .element devrait changer la hauteur de toutes .element s à la hauteur de leurs parents respectifs, essayez ceci:

$(".element").live('click', function(e) { 
    $(".element").each(function(){ 
     $(this).css("height", $(this).parent().height() +"px"); 
    }); 
}); 

Answer 2

Vous devriez avoir aucun problème si vous le faites comme ceci:

$(".element").live('click', function(e) { 
    $(this).css("height", $(this).parent().height() +"px") ; 
}); 

Vous avez raison $(this) fait référence à l'élément qui a été cliqué, donc vous devez utiliser this dans tous les cas. Vous voulez changer l'élément qui a été cliqué sur sa hauteur (c'est la hauteur) à l'élément sur lequel a été cliqué sur la hauteur parentale (c'est la hauteur du parent), n'est-ce pas?

Answer 3

Le code suivant, le clic sur tout DOM objet avec l'élément de classe, parcourez tous les éléments et accrochez-les à la hauteur parente.

$(".element").live('click', function(e) { 
    // go through each object with class element 
    $(".element").each(function() { 
     $(this).css("height", $(this).parent().height() +"px") ; 
    }); 
});