Kód: Vybrať všetko

<div id="" class="clanek">
        	            <div class="item four columns">
                <h2><a href="/clanek-index/erat-aeque-an-has">Erat aeque an has</a></h2>
                <a href="/clanek-index/erat-aeque-an-has"><img class="perex_foto" src="/userfiles/clanek_img/18.jpg" alt="Erat aeque an has" /></a>
                <p class="datum">1.10.2014</p>
                <p class="perex_text">Lorem ipsum dolor sit amet, an odio pertinacia deseruisse vel, modus apeirian necessitatibus vel id, ei eum nominati incorrupte intellegam. Te nisl nonumes…</p>
                <a href="/clanek-index/erat-aeque-an-has">detail aktuality</a>
            </div>
                        <div class="item four columns">
                <h2><a href="/clanek-index/sit-offendit-concludaturque-ad">Sit offendit concludaturque ad</a></h2>
                <a href="/clanek-index/sit-offendit-concludaturque-ad"><img class="perex_foto" src="/userfiles/clanek_img/17.jpg" alt="Sit offendit concludaturque ad" /></a>
                <p class="datum">1.10.2014</p>
                <p class="perex_text">Erat aeque an has, eu discere voluptua has, accusamus constituam definitiones eu per. Atqui equidem est ex, qui causae accusamus dignissim ad.</p>
                <a href="/clanek-index/sit-offendit-concludaturque-ad">detail aktuality</a>
            </div>
                        <div class="item four columns">
                <h2><a href="/clanek-index/prompta-salutatus-vel">Prompta salutatus vel</a></h2>
                <a href="/clanek-index/prompta-salutatus-vel"><img class="perex_foto" src="/userfiles/clanek_img/16.jpg" alt="Prompta salutatus vel" /></a>
                <p class="datum">1.10.2014</p>
                <p class="perex_text">Has quot fugit definitiones no. Duo at atqui nostrum salutatus, mel harum doctus et, eam elitr probatus ad. Id sumo quaestio corrumpit mel. Has dicta harum…</p>
                <a href="/clanek-index/prompta-salutatus-vel">detail aktuality</a>
            </div>
                        <div class="item four columns">
                <h2><a href="/clanek-index/no-corpora-euripidis-pri-has-stet-iuvaret-salutandi-euripidis-mediocritatem-">No corpora euripidis pri has stet iuvaret salutandi…</a></h2>uripidis-pri-has-stet-iuvaret-salutandi-euripidis-mediocritatem-"><img class="perex_foto" src="/userfiles/clanek_img/15.jpg" alt="No corpora euripidis pri has stet iuvaret salutandi euripidis mediocritatem." /></a>
                <p class="datum">1.10.2014</p>
                <p class="perex_text">No corpora euripidis pri, has stet iuvaret eu, mel id salutandi euripidis mediocritatem. Sea id aeterno conclusionemque, mea id suas apeirian. Cu melius…</p>
                <a href="/clanek-index/no-corpora-euripidis-pri-has-stet-iuvaret-salutandi-euripidis-mediocritatem-">detail aktuality</a>
            </div>
        </div>

Kód: Vybrať všetko

$('.clanek').each(function(){
	var row = $(this);
	var items = row.find('.item');
	var	height = 0;
	
	items.each(function(){
		item = $(this);
		if(height < item.outerHeight()){
			height = item.outerHeight();
		}
	});

	items.css({'height': height});

})

Kód: Vybrať všetko

<div class="clanek">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

Kód: Vybrať všetko

<div class="clanek">

<div class="group">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

<div class="group">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

</div>

Kód: Vybrať všetko

    <script type="text/javascript">
        $(document).ready(function(){

            var divs = $(".clanek > .item");
            for(var i = 0; i < divs.length; i+=4) {
              divs.slice(i, i+4).wrapAll("<div class='group'></div>");
            }

            $('.group').each(function () {
                var row = $(this);
                var itemsNadpis = row.find('.item h2');
                var height = 0;

                itemsNadpis.each(function () {
                    item = $(this);
                    if (height < item.outerHeight()) {
                        height = item.outerHeight();
                    }
                });

                itemsNadpis.css({
                    'height': height
                });

            })

        });
    </script>

Kód: Vybrať všetko

$(function () {
    $('.clanek').each(function () {
        var row = $(this);
        var items = row.find('.item h2');
        var height = 0;

        items.each(function () {
            var item = $(this);
            if (height < item.outerHeight()) {
                height = item.outerHeight();
            }
        });

        items.css({
            'height': height
        });

    })


});