Skip to content

Instantly share code, notes, and snippets.

@matiaspunx
Last active December 29, 2015 13:49
Show Gist options
  • Save matiaspunx/7680170 to your computer and use it in GitHub Desktop.
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.
$.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