Jquery 具有动态高度的产品列表行

假设我有一个每行3个产品的产品列表。每个产品都有边框，但边框的高度因产品而异（因为不同的图像高度或更多的标题行等）。我想要的是一个功能，将检查的产品，其中有最大的高度线。因此，它将给予其他产品与每条线的最大div高度相同的高度

所以，在每一行中，这个函数都会再次工作，和行的高div有关

让我们玩一下代码：

CSS

HTML

736,00 €                                              
1008,00 €                                                   
736,00 €                                              
1008,00 €                                                   
736,00 €                                             
1008,00 €                                                  

更新 像这样试试

var maxHeight = Math.max.apply(null, $("div.yagVmCategoryGridProductItem").map(function ()
{
    return $(this).height();
}).get());

你也可以试试这个

$(document).ready(function() {
   var maxHeight = -1;

   $('.yagVmCategoryGridProductItem').each(function() {
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
   });

   $('.yagVmCategoryGridProductItem').each(function() {
     $(this).height(maxHeight);
   });
 });

---

@拉姆·夏尔马的回答是正确的。我做了一个小小的调整。这是你的电话号码

JS代码：

$(document).ready(function(){

    $("div.row-fluid").each(function(){
            var maxHeight = Math.max.apply(null, $(this).find("div.yagVmCategoryGridProductItem").map(function ()
        {
            return $(this).height();
        }).get());

        $(this).find("div.yagVmCategoryGridProductItem").css("height", maxHeight);
    });



});

---

谢谢你，伙计。这正是我所需要的。多亏完成了，我和客户通了电话。您完成了剩余的答案+1:）它有效。但是我对mozzila有个问题。它对我的显示器很好用。但在一个分辨率更高的显示器中，有问题，请看这里，它现在可以工作了。但是我对mozzila有个问题。它对我的显示器很好用。但在分辨率更高的显示器中，有问题，请看这里

$(document).ready(function() {
   var maxHeight = -1;

   $('.yagVmCategoryGridProductItem').each(function() {
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
   });

   $('.yagVmCategoryGridProductItem').each(function() {
     $(this).height(maxHeight);
   });
 });

$(document).ready(function(){

    $("div.row-fluid").each(function(){
            var maxHeight = Math.max.apply(null, $(this).find("div.yagVmCategoryGridProductItem").map(function ()
        {
            return $(this).height();
        }).get());

        $(this).find("div.yagVmCategoryGridProductItem").css("height", maxHeight);
    });



});