[SOLUCIONADO] jQuery igualar height

[quico5]

Tengo 4 divs, quería igualarlos verticalmente

<div class="igualar"></div>
<div class="igualar"></div>
<div class="igualar"></div>
<div class="igualar"></div>

no tengo claro como comparar sus height y quedarme con el de mayor tamaño

$(".igualar").height();
$(".igualar").css( "height", mayor );

gracias por la ayuda

[jrobinsonc]

Aqui hay un ejemplo exacto de lo que quieres hacer:
http://joserobinson.com/blog/igualar-tamano-de-columnas-con-jquery/

Tienes que colocar todos los divs dentro de otro div:

Código:

<div id="container">
    <div class="igualar"></div>
    <div class="igualar"></div>
    <div class="igualar"></div>
    <div class="igualar"></div>
</div>

Si no sabes como ponerlo a funcionar avisame.

[quico5]

Muchas gracias, funciona perfecto

[quico5]

ahora me vendía bien algo mas complicado

1 noticia al 100% del ancho -> que se salta
2 noticias al 50% del ancho -> a igualar verticalmente
1 noticia al 100% del ancho -> que se salta
2 noticias al 50% del ancho -> a igualar verticalmente
...

gracias por la ayuda

[jrobinsonc]

No se si te entendí bien, si puedes pasame un ejemplo del html para entender mejor.

[quico5]

la idea es mostrar en una linea una noticia y en otra linea 2 noticias de manera alterna

supongo que necesito un bucle modificado que compare e iguale dos a dos noticias saltándose 1 de cada 3

no se gran cosa de JS pero se me ocurre que después de un MOD->RESTO=0, en php seria $noticias%3=0,1,2 , comparar recorriendo ".igualar" cuando haya dos juntos que no den resto 0 comparar sus dos height y aplicarles el mayor

<style>
.ignorar {width:100%}
.igualar {width:50%;}
</style>

<script>
$(function(){
var maxH = 0;
$("article .igualar").each(function(i) {
var actH = $(this).height();
if(actH > maxH) maxH = actH;
});
$("article .igualar").height(maxH);
});
</script>

<div id="noticias">
<div class="ignorar"></div>
<div class="igualar"></div><div class="igualar"></div>
<div class="ignorar"></div>
<div class="igualar"></div><div class="igualar"></div>
<div class="ignorar"></div>
<div class="igualar"></div><div class="igualar"></div>
</div>

[jrobinsonc]

Si entendí, aquí hice un ejemplo:
http://jsfiddle.net/jrobinsonc/5vbv2/