更改div的高度获取另一个div的高度

时间:2014-03-19 14:28:13

标签: javascript jquery html css

对于我的问题的复杂表达感到抱歉。 我会设置div #space的高度,取另一个div的高度,它有一个类.ls-wp-fullwidth-container。
我试试这个:

$(document).ready(function() {
var altezza = document.getElementById(".ls-wp-fullwidth-container").clientHeight;
$("#space").height(altezza);
});

// for the window resize
$(window).resize(function() {
var altezza = $(".ls-wp-fullwidth-container").height();
$("#space").height(altezza);
});

我该怎么办?

感谢您的帮助。

3 个答案:

答案 0 :(得分:1)

您应该通过$(.className)获取div通过类选择器,但是您使用document.getElementById(".ls-wp....")这是错误的

<强>更新

应该是

var altezza = $(".ls-wp-fullwidth-container").height();

或者

var altezza = $(".ls-wp-fullwidth-container")[0].clientHeight;

而不是

document.getElementById(".ls-wp-fullwidth-container").clientHeight;

当您使用class选择器获取数据时,它会返回匹配元素的数组。当您使用id时,它仅返回匹配的元素。

答案 1 :(得分:1)

这是一个小提琴: http://jsfiddle.net/HzQhL/

$("#space").height($(".ls-wp-fullwidth-container").height());

答案 2 :(得分:0)

看到这个

var height = $(".ls-wp-fullwidth-container").css("height");
$("#space").css("height", height);