gpt4 book ai didi

javascript - jquery css高度选择器?

转载 作者:行者123 更新时间:2023-12-02 19:47:30 24 4
gpt4 key购买 nike

我想在类名为“modelCode”的div中设置相等的高度,所以我做了一个小函数来做到这一点,但是当我运行这个函数时,它以elemeny样式设置高度0px。在此之前,我使用了 .height() 方法,该方法工作正常,但我想用 css height 方法进行任何猜测。提前致谢

<head>
<script type="text/javascript">
function equalHeight(group) {
var tallest = 0;
group.each(function () {
var thisHeight = $(this).css('height');
if (thisHeight > tallest) {
tallest = thisHeight;
}
});
group.css('height',tallest);
}

function setequalheight() {
equalHeight($(".modelCode"));
}

$(document).ready(function () { setequalheight() });
</script>
<style>
.modelCode { width:200px; float:left; border:solid 1px #F00}
</style>
</head>
<body>
<div class="modelCode">i am new text </div>
<div class="modelCode">i am new text <br />i am new text <br />i am new text <br />i am new text <br /></div>

最佳答案

现在就可以了

function equalHeight(group) {
var tallest = 0;
group.each(function () {
var thisHeight = $(this).css('height');
thisHeight = parseInt(thisHeight.substr(0 , (thisHeight.length - 2)));
//alert(thisHeight)
if (thisHeight > tallest) {
tallest = thisHeight;
}


});

group.css('height',tallest);
}

问题是 .css('height') 返回一个字符串值,因此您必须将其解析为整数以比较哪个值更大

关于javascript - jquery css高度选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9714458/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com