如何使用jQuery将这两列的高度设置为其中最高的一列？
使用jQuery可以通过以下步骤将两列的高度设置为其中最高的一列：
- 首先，确保你已经引入了jQuery库文件。
- 给两列添加相同的类名或选择器，以便通过jQuery选择它们。
- 使用jQuery的
height()方法获取两列的高度，并将它们保存在变量中。 - 使用
Math.max()函数找到两列高度中的最大值。 - 使用
height()方法将最大高度应用于两列。
以下是一个示例代码：
$(document).ready(function() {
// 选择两列的类名或选择器
var column1 = $('.column1');
var column2 = $('.column2');
// 获取两列的高度
var height1 = column1.height();
var height2 = column2.height();
// 找到最大高度
var maxHeight = Math.max(height1, height2);
// 将最大高度应用于两列
column1.height(maxHeight);
column2.height(maxHeight);
});这样，使用jQuery的height()方法和Math.max()函数，你可以将两列的高度设置为其中最高的一列。请注意，这只是一个示例代码，你需要根据实际情况修改选择器和类名。
相关·内容
3回答
将PX添加回div高度
jquery
我正在编写一些jquery，它获取2个div的高度，并将另一个div设置为组合高度。
var height1 = $("#heightSelector2").height();
var height2 =$("#heightSelector3").height();
var maxHeight = height1 + height2;
console.log(maxHeight);
现在如何设置$(“#HighSelector1”)= maxHeight？我知道我还需要在那里添加px，我已经看到了一些例子，但还不够清楚。
浏览 0提问于2013-03-26得票数 1
回答已采纳
1回答
Joomla 3:执行jquery函数
jquery、joomla3.0
我是Javascript的初学者，我使用一个模板，它使用jquery来调整列的高度。javascript代码在一个简单的index.html页面中确实工作得很好，但是当我在joomla 3中使用它时，jQuery函数不会执行。所以我补充道：
'jQuery.noConflict();‘
将所有$替换为jQuery
而且高度也不会调整大小。
守则如下：
jQuery.noConflict();
// JavaScript Document
jQuery(window).load(function () {
var winWidth = jQuery(
浏览 1提问于2013-08-14得票数 0
3回答
使具有不同父级的列的高度相等- jQuery
javascript、jquery、height、equals
我正在使用一个jQuery代码片段来均衡下拉菜单中列的高度：
$(document).ready(function(){
var maxheight = 0;
$('.menu .parent .dropdown .dropdown-inner .column').each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});
$('.menu .parent .dropdown .dropdown-inne
浏览 2提问于2014-02-04得票数 0
2回答
结合Javascript中类似的If语句
javascript、jquery
我使用具有类似if语句的JS，以使Divs并排。正如主题标题所示，如果这些声明结合在一起，或者以任何方式使其更有效率，那么这些语句可以吗？
编辑：这段代码的目的是使所有的Divs都达到相同的高度。
联署材料：
$(document).ready(function(){
$('.container').each(function(){
var firstDiv = $(this).find('.first');
var secondDiv = $(this).find('.second');
浏览 5提问于2015-04-20得票数 0
回答已采纳
4回答
为什么当我使用float right时会有一个间隙？
html、css
我试图创建两个div，一个div占据页面的1/3，另一个占据页面的2/3，但是当我使用float:left和float:right时，右侧的div在其上方有一个奇怪的间隙。我现在尝试将宽度设置为1440px，并在稍后将其转换为百分比。有人知道它为什么这样做吗？
HTML：
main{
width: 1440px;
margin: 0px auto;
float: left;
}
header{
height: 80px;
background-color: cadetblue;
}
nav{
background-color: darkslategray;
he
浏览 2提问于2021-02-05得票数 1
1回答
jQuery比较高度下降时不运行的高度
javascript、jquery
下面的jQuery检查左列和右列的高度。如果警报列表(左)的高度增加，侧栏行也会增加高度以匹配。但是，一旦增加了，并且警报列表减少了(通过选择不同的区域或更少的警报数量)，边栏和包含所有内容的整个行不会降低高度，在下面留下巨大的空间。
复制问题的：
Select ST HELENS area.
Choose 100 alerts
Now choose WIRRAL area.
The containing height does not reduce.
*注意，这必须从IE7及以上的*中运行。
function areasRowHeight() {
$height1 =
浏览 2提问于2016-01-29得票数 0
回答已采纳
1回答
Javascript高度计算和定位
javascript、html、jquery、css、wordpress
我在一个网站上工作，在那里我以3x4的网格列出了12个帖子。我使用绝对定位和JS代码来计算每个框的顶部和左侧位置(我使用这种方法，因为每个帖子都有不同的高度，并且它必须是从左到右的顺序。如果有更好的解决方案，我愿意接受。) 我使用.outerHeight()来获取每个帖子的高度并计算顶部位置。最后，我选择最大的列高度，并将其设置为容器高度。 我的问题是:当我打开页面时，JS代码生成了我想要的布局，它通常可以正常工作。但也有一些尝试，当它得到坏值时，每一列都垂直滑动在一起，它还计算容器的坏高度。 我怎么才能让它每次都工作呢？谢谢你的帮助! 我的代码： function latestPostLa
浏览 10提问于2021-08-28得票数 0
3回答
在javascript中将字符串转换为变量名？
javascript、jquery
好的，你有一组变量：
var height1 = 10
var height2 = 20
...
var height7 = 70;
用户已经给出了输入，您需要获取其中一个变量的值，下面是该变量的代码：
if(window.location.hash) {
var hash = window.location.hash.substring(1);
var option_name = $('a[name=' + hash + ']').closest('[id^="option"]').attr
浏览 0提问于2013-06-19得票数 4
回答已采纳
2回答
垂直中心a
javascript、jquery
我有一个问题，垂直对中一个简单的div。它总是给margin-top="0px"
垂直对中与水平对中一样，工作完美。
(有必要将其放在javascript中，以便进一步开发)
有什么解决办法吗？
$(document).ready(function() {
var width1 = $("body").width();
var width2 = $("#main").width();
var height1 = $("body").height();
var height2 = $("#main"
浏览 4提问于2015-09-15得票数 3
回答已采纳
1回答
处理非统一jquery列表的函数
jquery、performance
我正在构建一个函数，对于具有给定类的每一项，循环遍历每一项，查找最高的项，然后将其余项设置为相同的高度。
问题是我只使用了一个类名，并且我捕获了不同的元素类型，每个元素类型都应该根据它们的元素类型进行唯一处理(即LIs和DIV)。
var makeModulesSameHeight = function() {
var maxHeight,
$arrAllTargets = $(".makeEqualHeight");
maxHeight = getMaxHeight($arrAllTargets);
$arrAllTargets.css
浏览 0提问于2013-03-29得票数 1
回答已采纳
1回答
使用javascript将列粘贴到页面底部的更有效的方法？
javascript、jquery、html、css
我设计一个网站已经有一段时间了，它是一个两列的布局，我希望每一列都放在页面的底部，无论分辨率如何。目前，我有两个JavaScript文件-一个调整列长度以适应浏览器窗口，另一个JavaScript文件匹配调整后的大小。我遇到的一个主要问题是，如果您更改浏览器窗口大小，列不会自动调整，因此它们可能不会转到页面底部。我想知道有没有什么方法可以在一个文件中完成这一切，最重要的是，无论窗口大小如何，列总是贴在页面的底部。下面是每个JavaScript文件的代码：
调整浏览器窗口的列高：
$(function(){
var grid = $(window).height();
var g
浏览 0提问于2014-04-14得票数 0
6回答
jquery动态查找最长的高度，为div中的所有同级设置高度
jquery、css
我目前正在尝试如何通过动态查找div中最长的p元素的高度来设置该div中所有兄弟p元素的高度，而不设置最大高度，代码来自
我想动态地将高度设置为最长的p，因为我不知道最长p的高度
以下是代码
$(document).ready(function() {
setHeight('.col');
});
//global variable, this will store the highest height value
var maxHeight = 100;
function setHeight(col) {
//Get all the element w
浏览 5提问于2011-05-27得票数 1
3回答
Jquery使列与最高的高度相同。
jquery、twitter-bootstrap
我这里有个小玩意-
我有不同数量的内容和不同高度的引导列。
我需要这些柱子保持同样的高度。
我需要找到最高的一列，然后使所有的列的高度。
对不起，我不知道从哪里开始，所以我没有代码要开始。
.block{
background: red;
color: white;
padding: 10px;
}
.col-sm-4{
margin-bottom: 20px;
}
浏览 1提问于2015-07-31得票数 1
回答已采纳
1回答
两个twitter引导列，都需要具有相同的高度
html、css、twitter-bootstrap
我需要右边的列具有与左列相同的高度，因为边框需要一直到页面的末尾，这是设计的一部分。
我考虑过在row类上设置边框，但是列和行之间存在间距，因此无法覆盖该间距。
任何帮助得到正确的专栏伸展整页将不胜感激，谢谢。
css
html, body { min-height: 100%; }
.container { min-height: 100%; }
.left { border: 1px solid red; }
.row { border: 1px solid purple; }
.right { border: 1px solid green; height: 100%; }
html
浏览 6提问于2014-02-28得票数 1
回答已采纳
3回答
使两列高度一致
jquery、html、css、asp.net-mvc-4
我试着做两个高度相同的柱子，但事实并非如此。
我的html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<m
浏览 3提问于2013-06-12得票数 1
回答已采纳
1回答
调整大小时保持高度相等(jQuery)
jquery、height、equals
我使用下面的代码来均衡列：
jQuery.fn.equalHeight=function() {
var maxHeight=0;
this.each(function(){
if (this.offsetHeight>maxHeight) {maxHeight=this.offsetHeight;}
});
this.each(function(){
$(this).height(maxHeight + "px");
if (this.offsetHeight>maxHeight) {
$(this).height((maxHeight-(this.of
浏览 0提问于2009-09-30得票数 2
回答已采纳
2回答
按两列分组，按另一列的最大值分组
sql、oracle
我需要能够按两列分组，并且只返回其中这两列的另一列的id为最大值的行。我想要的详细信息在第四列，即所谓的答案
COLUMN1 | COLUMN2 | NUMBERCOL | Answer
--------------- ----------------------------
123 | 456 | 1 | a
123 | 456 | 2 | x
123 | 456 | 3 | s
654 | 564 | 1 | a
654
浏览 0提问于2013-02-22得票数 2
回答已采纳
1回答
DIV相同高度
jquery、html、height
我有这个jQuery脚本，它使我的两个div高度相同：
$(document).ready(function () {
var $sameHeightDivs = $('.sameh');
var maxHeight = 0;
$sameHeightDivs.each(function() {
maxHeight = Math.max(maxHeight, $(this).outerHeight());
});
$sameHeightDivs.css({ height: maxHeight + 'px&#
浏览 1提问于2012-03-05得票数 0
回答已采纳
4回答
设置兄弟姐妹的DIV等高(最高)
jquery
我正试着设置成对的div的高度相同。
<div class="item ">
Some text
</div>
<div class="item right">
Some text
</div>
<div class="item ">
Some text<br/>Some text<br/>Some text<br/>Some text<br/>Some text
</div>
<div class="item r
浏览 1提问于2013-10-17得票数 5
回答已采纳
1回答
具有调整大小事件的等高行
javascript、jquery、html、css、twitter-bootstrap
我有三排。中间一种是内容、左右菜单等。我使用的是jQUery等高行脚本，它可以很好地用于正常分辨率。现在有一个问题:要做出响应性布局，较小的设备不显示右列，左列包含一个菜单，该菜单被缩小为下拉列表。所以问题是，当我将分辨率从全分辨率改为小分辨率时，左列仍然有一个完整的高度(大约1100 So )，顶部有下拉菜单(rest为空)。另一方面，从小到大，这两列的背景是一样高的下拉之前。由于我对javascript不太了解，所以我尽力了，但没有找到解决方案。(使用Bootstrap 3.0的建筑物)
到目前为止，Javascript：
(function($) {
$.fn.equal
浏览 1提问于2014-02-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
