Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 相对于其他分区的分区高度_Jquery_Html_Css - Fatal编程技术网

Jquery 相对于其他分区的分区高度

Jquery 相对于其他分区的分区高度,jquery,html,css,Jquery,Html,Css,嗨,我有这样的DIV结构 <div class="leftCol"> Left Col Content </div> <div class="rightCol"> Right Col Content </div> 左列内容 右列内容 我想计算右栏的高度,和左栏的高度 var leftHeight = $(".leftCol").height(); var rightHeight = $(".rightCol").height()

嗨,我有这样的DIV结构

<div class="leftCol">
   Left Col Content
</div>

<div class="rightCol">
   Right Col Content
</div>

左列内容
右列内容
我想计算右栏的高度,和左栏的高度

var leftHeight = $(".leftCol").height();
var rightHeight = $(".rightCol").height();

var diff = leftHeight - rightHeight;

更多信息

我猜您希望将左侧列的高度设置为与右侧列相同的高度!如果是这样的话,这就行了

$(".leftCol").height($(".rightCol").height());
虽然您只希望在DOM准备就绪时执行此操作,但明智的做法是只在页面完全加载或列大小调整时执行代码

$(function() {
    $(".leftCol").height($(".rightCol").height());
});
HTH

$(“leftCol”)将查找标记而不是类,如果基于类选择元素,则需要在类名前加“.”(点)前缀。如果按ID选择,则需要在前缀前加“#”(散列)。您通常会使用一个选择器来选择特定类型的所有标记,例如$('div')