Question

我也见过this和this，但我无法让它们发挥作用。

我有一个主div，里面有很多孩子，里面有不同的id和类。我需要找到一种方法来获得某个类的高度，并根据它们设置下一个div的高度。我知道它不起作用，但它可以帮助你理解我想要实现的目标：

var placesHeight = 0;
$('.places').each(function(){
    if(height > 35 ) {
    $(this).next('.nextdiv').css('height','(placesHeight+25)+"px"');
});

编辑：感谢大家的快速帮助。我尝试了所有这一切并意识到我需要的是：

var placesHeight = $('.places').height();
$('.nextdiv').css('height', placesHeight+25);

Answer 1

var placesHeight = 0;
$('.places').each(function(){
    if($(this).height() > 35 ) {
    $(this).next('.nextdiv').css('height',$(this).height()+25+"px");
});

类似的东西？

Answer 2

试试这个

$(this).next('.nextdiv').height(placesHeight+25);

Answer 3

查看更多标记会很有帮助 - jsfiddle最好。这样的事情可能会起作用：

$('.places').each(function(){
    var $this = $(this),
        height = $(this).height();
    height > 35 && $this.next().height(height);
});

Answer 4

这是你的问题：

.css('height','(placesHeight+25)+"px"');

不会解析placesHeight的值 - 它会尝试将高度值设置为(placesHeight+25)+"px"。它可以更简单地完成：

.css('height', placesHeight+25);

将自动为您添加“px”。

Answer 5

我希望这会有所帮助，

<script type="text/javascript" src="jquery-1.6.3.min.js"></script>
<script>
function test(){
    $("#my_div").children('.check_me').each(function(){
        alert( $(this).outerHeight());
    });
}
</script>
<style>
#my_div div{
    display:block;
    margin:5px;
    border:1pt solid #ccc;
}
</style>
<button onclick='test()'>try me</button>

<div id='my_div'>
    <div id='one_line' class='check_me'>
        first
    </div>
    <div id='two_lines'>
        first<br>second
    </div>
    <div id='three lines' class='check_me'>
        first<br>second<br>third
    </div>
<div>

从主div jquery获得最高div

5 个答案: