Jquery 全高度潜水器不工作

我正在使用下面的代码尝试设置我的div高度，以便根据给定的最高div，它们都是相等的。但是，我的框仍显示为下图-我已发出警报，该警报正在触发，因此我知道我的jQuery正在工作：

问题：

jQuery:

$(document).ready(function() {
    var max = -1;
    $('.menuBoxesParagraph > div').each(function() {
    var h = $(this).height(); 
    max = h > max ? h : max;

    $(this).css({'min-height': max});
  });
 });

<div class="menu1 menuBoxesParagraph">
    <p><span class="menu1Title"></span></p>
    <p>Content</p>
</div>

.menuBoxesParagraph{
    width: 25%;
    border: 10px solid #000;
    margin: 2% 1% 0px 0px;
    padding: 5px;
    text-align: center;
}
.menuBoxesParagraph:before, .menuBoxesParagraph:after { content: ""; display: table; }
.menuBoxesParagraph:after { clear: both; }
.menuBoxesParagraph { zoom: 1; }

HTML:

$(document).ready(function() {
    var max = -1;
    $('.menuBoxesParagraph > div').each(function() {
    var h = $(this).height(); 
    max = h > max ? h : max;

    $(this).css({'min-height': max});
  });
 });

<div class="menu1 menuBoxesParagraph">
    <p><span class="menu1Title"></span></p>
    <p>Content</p>
</div>

.menuBoxesParagraph{
    width: 25%;
    border: 10px solid #000;
    margin: 2% 1% 0px 0px;
    padding: 5px;
    text-align: center;
}
.menuBoxesParagraph:before, .menuBoxesParagraph:after { content: ""; display: table; }
.menuBoxesParagraph:after { clear: both; }
.menuBoxesParagraph { zoom: 1; }

$（文档）.ready（函数（）{
var-highestBox=0；
$（'.menuBoxesParagraph'）。每个（函数（）{
如果（$（this.height（）>highestBox）highestBox=$（this.height（）；
});
$（'.menuboxSparagraph'）。高度（最高框）；
});
#无缩写{
宽度：980px；
diplay：块；
浮动：左；
利润率：0.50px0；
}
menu1先生{
浮动：左；
宽度：31%；
利润率：0.2%0.0；
}
.menu1Title{
颜色：#F7000；
字体大小：粗体；
}
.MENU1标题2{
颜色：#000；
字体大小：粗体；
}
.MenuboxSparagraph{
宽度：25%；
边框：10px实心#000；
保证金：2%1%0px 0px；
填充物：5px；
文本对齐：居中；
}
.menuBoxesParagraph:之前，.menuBoxesParagraph:之后{
内容：“；
显示：表格；
}
.MenuboxSparagraph:之后{
明确：两者皆有；
}
.MenuboxSparagraph{
缩放：1；
}

干线

烤猪腿配松脆、肉汁和苹果酱

塞满猪肉的里脊肉，配鼠尾草和洋葱，肉汁和卡尔瓦多肉汁

鸡肉用柠檬、橄榄和野生牛至烘烤而成，带有一丝白葡萄酒的味道

自由放养的鸡胸肉用橙子和生姜腌制

奶油羊腿，填充有蒸粗麦粉、杏子、杏仁、枣、蜜饯柠檬和漆树。配薄荷酸奶

烤羊肉尾部抹上迷迭香、大蒜和橄榄油，配上莎莎威尔第酱

烤牛排配约克郡布丁、肉汁和辣根（每人2.50美元）

用波特、月桂叶和百里香腌制的整片牛肉，配上贝雅奈斯酱（每人超过5美元）

热熏三文鱼片，在我们自己的香料和木片上熏，配柠檬蛋黄酱

侧面

热的

用特级初榨橄榄油和莳萝浇灌的新土豆。
p>烤土豆烹制了整个蒜瓣和百里香

土豆泥饼、奶油烤土豆片、大蒜和肉豆蔻

哈苏包土豆，整个土豆切成¾片，上面撒上帕尔马干酪，烘烤至酥脆

用香草烤时令蔬菜

肉豆蔻奶油菠菜

南瓜泥

冷的

茴香、橘子和烤杏仁沙拉

婴儿烤土豆沙拉，淋上香脂调料和刨花帕尔玛干酪

塔格利亚特尔配烤葡萄番茄、黑橄榄和青椒，加入罗勒调味汁

摩洛哥蒸粗麦粉沙拉配烤茄子、枣、开心果和柠檬脯

蜂蜜烤库马拉、鹰嘴豆、芫荽、菠菜和罗望子酱

婴儿宝石生菜配烤梨、烤胡桃和蓝奶酪酱

火箭弹、豆瓣菜、花椰菜、法式豆类、豌豆、新鲜香草和羊奶干酪沙拉

甜点

柠檬蛋奶酥

榛子蛋白酥与鲜奶油和浆果。女朋友

姜汁太妃糖布丁

苹果、杏子和坚果馅饼配我们自制的冰淇淋

巧克力杏仁饼

洋李

烤巧克力奶酪蛋糕

巴诺菲派-饼干基底，填充太妃糖、焦糖、香蕉、鲜奶油和剃须巧克力

甜葡萄酒中水煮梨，配肉桂和八角茴香，配肉桂香蒂奶油和短面包指

红糖蛋白酥皮配新鲜水果沙拉GF

希望这能解决您的问题（JS）：

我猜有两件事，一件是你在选择器
menuBoxesParagraph>div
中使用了一个div，而这个div根本不存在。
正因为如此，马克斯一直是-1。
高度也缺少“px”值

JS FIDDLE:
只需添加以下JQUERY：-

$(document).ready(function(){  
    var max = -1;
    $('.menuBoxesParagraph > div').ready(function() {
        var h = $(this).height(); 
        max = h > max ? h : max;
        alert(h+"--"+max);    
        //$(this).css({'min-height': max});
        $(".menuBoxesParagraph").css("height",max+"px");
    });
});

你能添加JSFIDLE吗？@RejithRKrishnan willdo@RejithRKrishnan我认为不需要第二次使用循环来设置高度@varun您是对的，
$（'.menuBoxesParagraph'）.height（highestBox）
很容易编写。但这也是我使用的内部操作。