jquery - her 2 veya 3 öğeye ayarlanmış yükseklik

Question

2 sütun sütununda bir sayfada birkaç div var, bu nedenle her 2 divin aynı yükseklikte olması gerekiyor. Eşit yüksekliği zorlamak için mevcut eklentileri anlatabildiğim kadarıyla, tüm elemanlar aynı yükseklikte olsun, her bir çiftin aynı yüksekliğe sahip olmasına ihtiyacım var.

benim biçimlendirme benziyor bu

vb

ben çalışır aşağıdaki jquery var, ama daha kolay yapılabilir eminim

{ 
    var rowOneHeight = Math.max($('div.large:eq(0)').height(),$('div.large:eq(1)').height()); 
    $('div.large:eq(0)').css('min-height', rowOneHeight); 
    $('div.large:eq(1)').css('min-height', rowOneHeight); 

    var rowTwoHeight = Math.max($('div.large:eq(2)').height(),$('div.large:eq(3)').height()); 
    $('div.large:eq(2)').css('min-height', rowTwoHeight); 
    $('div.large:eq(3)').css('min-height', rowTwoHeight); 

    var rowThreeHeight = Math.max($('div.large:eq(4)').height(),$('div.large:eq(5)').height()); 
    $('div.large:eq(4)').css('min-height', rowThreeHeight); 
    $('div.large:eq(5)').css('min-height', rowThreeHeight); 

}

da aynı thr bir grup ile yapılması gerekir ee divs. Teşekkür

Bunu, 2 setlerinde döngü .slice() ile bir döngü yapabilirdi

Answer 1

: Eğer 3 ile yapmak istiyorum çünkü daha genel bir yaklaşım için,

var elems = $("div.large"); 
for(var i = 0; i < elems.length; i+=2) { 
    var divs = elems.slice(i, i+2), 
     height = Math.max(divs.eq(0).height(), divs.eq(1).height()); 
    divs.css('min-height', height); 
} 

---

Ya

$.fn.setMinHeight = function(setCount) { 
    for(var i = 0; i < this.length; i+=setCount) { 
    var curSet = this.slice(i, i+setCount), 
     height = 0; 
    curSet.each(function() { height = Math.max(height, $(this).height()); }) 
      .css('min-height', height); 
    } 
    return this; 
}; 

Sonra böyle diyebilirsin:

da, burada bir eklenti form

You can test it out here.