Jquery 动态添加类上的等高

我有一个通过调用

$(".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都会增加附加到row类的数量

我不想继续添加$（“.rowX”）.equalCols（）；调用我的doc.ready函数-我一直在尝试查找一个以row开头的类，并在等高调用中循环它们-类似于$（“.row[x]”）。equalCols（）；但是，如果你感到非常困惑，任何帮助解决这个问题的方法都会很好！ 提前谢谢

---

James

因为所有

row1

，

row2

项都有类

项

使用它

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

---

试一试

---

您可以使用下面的代码，该代码将为类以行开头的所有元素调用“equalCols”函数，例如-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);
}

---

这会将class='rowX'中每个div的高度设置为所需的最大高度。

这不太有效，我的错误在于解释不正确-我需要设置每个网格行中项目的高度。此解决方案为页面上的所有项目设置相同的高度（高度取自最高的项目）@user3218750在这种情况下，请尝试

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

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