Равное высота динамически добавляемых классов

Question

I имеют равный сценарий высоты, которая проходит по телефону

$(".row1").equalCols(); 
$(".row2").equalCols(); 

метка вверх является

<div class="grid"> 
    <div class="grid-row"> 
    <div class="item row1"></div> 
<div class="item row1"></div> 
    </div> 
    <div class="grid-row"> 
    <div class="item row2"></div> 
<div class="item row2"></div> 
    </div> 
    </div> 

Это может иметь бесконечное число грид-строк & для каждого новая строка сетки cms увеличивает число, добавленное к классу строк.

Я не хочу добавлять $ (". RowX"). EqualCols(); вызывает функцию doc.ready - я пытался найти класс, начинающийся с строки, и прокручивать все их в вызове равной высоты - что-то вроде $ (". row [x]"). equalCols(); но очень запутанная, любая помощь в решении этого будет замечательной! Заранее спасибо Джеймс

Answer 1

Поскольку все row1, row2 элементов имеет класс item использовать его

$(".grid-row > .item").equalCols(); 

---

Попробуйте

$(".grid-row").children(':first-child').each(function() { 
    var row = this.className.match(/row\d+/)[0]; 
    $('.' + row).equalCols() 
}); 

Answer 2

вы можете использовать ниже код, который будет вызывать ' Функция equalCols для всех элементов с классом начинается с строки eg - row1, row2 ....

$('[class^="row"]').each(function(index) 
{ 
    equalcols(); 
}); 

Здесь внутри функции вы можете иметь экземпляр каждого DIV, который может быть перейти к вашей вызывающей функции, как приведено в примере ниже

$('[class^="row"]').each(function(index) 
{ 
     equalcols(this);//here 'this' is the instance of current div 
}); 

function equalcols(divInstance) 
{ 
    $(divInstance).css('height',maxHeight); 
} 

Это установит высоту каждого DIV с классом = 'rowX 'до максимальной высоты, которую вы хотите.