Jquery Targeting Individual Lists For Equalheights On A Page With Multiple Lists

I have a page that will be ever growing with categories of similar lists and I need to set Equal Heights for a single given

group. My basic HTML is:
<ul> , do like this:

$(".item-list ul").each(function() {
    $(this).find('li').equalHeights(50,400);
});

See working demo (I added lightblue background to better show the heights)

Solution 2:

Is this what you are after?

$(".item-list").find('img').css({'height' : '100px'});

Fiddle

Or this?

$(".item-list").find('ul li *').css({'height' : '100px'});

Fiddle

Solution 3:

you can use something like this: var itemlists = document.getElementsByClassName('item-list');

this will return an array wich contains all of your elements with item-list class.

then you have to simply walk on this array.

Share