Last active
December 29, 2015 13:49
-
-
Save matiaspunx/7680170 to your computer and use it in GitHub Desktop.
Plugin para darle a un elemento child el mismo alto que su contenedor.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$.fn.powerHeight = function() { | |
$(this).each(function(){ // Seleccionamos cada uno de los <ul> con el class "superLista" | |
var _h = 0; // _h es la variable del alto que vamos a usar en el plugin | |
$(this).find('li').each(function(i){ //Seleccionamos cada uno de los <li> que esten dentro del <ul class="superLista"> | |
$(this).css({'height': 'auto'}); // Les aplicamos height:auto | |
_h = $(this).outerHeight(); // le damos un valor en pixeles a la variable _h con el alto del <li> | |
$(this).find('span').css({'height': _h}); // le aplicamos al <span> el valor de la variable _h a la propiedad height | |
}); | |
}); | |
return this; // listo, seguimos el loop hasta que no hayan mas .superLista | |
}; | |
$('.superLista').powerHeight(); // Iniciamos la funcion y le decimos que se la aplique a todos elementos con la class .superLista |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment