Javascript 任何人都知道如何使用jquery使同一行中的div高度相等
我试图使同一行中的每个div都具有相同的高度，但无法做到，有人能帮我做到这一点吗 我的代码所做的是，使整个div具有相同的高度，但我不希望这样，我希望类似于表结构，如果一行中的任何div超过了最大高度，则仅该行中的所有div都应具有相同的高度，否则不应 提前谢谢Javascript 任何人都知道如何使用jquery使同一行中的div高度相等,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图使同一行中的每个div都具有相同的高度，但无法做到，有人能帮我做到这一点吗 我的代码所做的是，使整个div具有相同的高度，但我不希望这样，我希望类似于表结构，如果一行中的任何div超过了最大高度，则仅该行中的所有div都应具有相同的高度，否则不应 提前谢谢 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Template</title
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Template</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link rel="stylesheet" type="text/css" href="http://localhost:8000/css/style.css"/>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<style type="text/css">
.col-data-ss
{
border:1px solid;
}
</style>
</head>
<body>
<div class="table-heading">
<div class="row">
<div class="col-lg-12">
<div class="col-lg-3 empty-head data-h">
</div>
<div class="col-lg-3 data-expe data-h">
Experian
</div>
<div class="col-lg-3 data-equi data-h">
Equifax
</div>
<div class="col-lg-3 data-trans data-h">
TransUnion
</div>
</div>
</div>
</div>
<div class="table-data-st">
<div class="row">
<div class="col-lg-3">
<div class="first-col col-data-ss"> Account Name: </div>
<div class="first-col col-data-ss"> Account Number: </div>
<div class="first-col col-data-ss"> Account Type: </div>
<div class="first-col col-data-ss"> Account Status: </div>
<div class="first-col col-data-ss"> Monthly Payment: </div>
<div class="first-col col-data-ss"> Date Opened: </div>
<div class="first-col col-data-ss"> Balance: </div>
<div class="first-col col-data-ss"> Terms: </div>
<div class="first-col col-data-ss"> High Balance: </div>
<div class="first-col col-data-ss"> Limit: </div>
<div class="first-col col-data-ss"> Past Due: </div>
<div class="first-col col-data-ss"> Payment Status: </div>
<div class="first-col col-data-ss"> Comments: </div>
</div>
<div class="col-lg-3">
<div class="col-data-ss">H & R ACCOUNTS INC kdjsfh k dfkjhd kfjdskfjhdskj fhkjdsh fkjdhf kjhdkjsf h</div>
<div class="col-data-ss">1000528879d8897897987897897987987897</div>
<div class="col-data-ss">Collection Department / Agency / Attorney dsfkj hdskjf kdjsjfh kjjdshkjf hkjdsh fjkhdskjfh jkdshkf hkdshf kjhdsjfh jkdshjf hjkdshf jkhdsjkf hjkdsh jkfhjdks hkfjhdsk hfkjdsh kjfhdkjsh fkjhdskjf hkjdsh fjkdhskjf hkjdsh fkjhdskfh kjdshkjf hkjsdhf kjsdhkjf hkdsjhf kjhdskjhf kjshd f</div>
<div class="col-data-ss">Closed</div>
<div class="col-data-ss"> </div>
<div class="col-data-ss">3/1/2012</div>
<div class="col-data-ss">$4519.00</div>
<div class="col-data-ss">1 Month</div>
<div class="col-data-ss"> </div>
<div class="col-data-ss"> </div>
<div class="col-data-ss">$4519.00</div>
<div class="col-data-ss">Seriously past due date / assigned to attorney, collection agency, or credit grantor's internal collection department</div>
<div class="col-data-ss"> </div>
</div>
<div class="col-lg-3">
<div class="col-data-ss"> </div>
<div class="col-data-ss">1000528</div>
<div class="col-data-ss">Collection Account</div>
<div class="col-data-ss">Closed</div>
<div class="col-data-ss"> </div>
<div class="col-data-ss">8/1/2013</div>
<div class="col-data-ss">$4519.00</div>
<div class="col-data-ss"> </div>
<div class="col-data-ss"> </div>
<div class="col-data-ss"> </div>
<div class="col-data-ss">$4519.00</div>
<div class="col-data-ss">Unpaid</div>
<div class="col-data-ss">MEDICAL
Unpaid</div>
</div>
<div class="col-lg-3">
<div class="col-data-ss">MED1 02 ST FRANCIS HOSPITAL</div>
<div class="col-data-ss">1000528</div>
<div class="col-data-ss">Collection Account</div>
<div class="col-data-ss">Open</div>
<div class="col-data-ss"> </div>
<div class="col-data-ss">8/1/2013</div>
<div class="col-data-ss">$3519.00</div>
<div class="col-data-ss"> </div>
<div class="col-data-ss"> </div>
<div class="col-data-ss"> </div>
<div class="col-data-ss"> </div>
<div class="col-data-ss"> </div>
<div class="col-data-ss">Placed for collection</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
var i=0;
$('.row').each(function(){
var highestBox = 0;
$('.col-data-ss', this).each(function(){
if($(this).height() > highestBox)
highestBox = $(this).height();
});
$('.col-data-ss',this).height(highestBox);
});
});
</script>
</body>
</html>
模板
.col数据包
{
边框：1px实心；
}
益百利
艾可飞
跨联
帐户名：
账号：
帐户类型：
帐户状态：
每月付款：
开放日期：
余额：
条款：
高余额：
限制：
逾期：
付款状态：
评论：
H&；R账户公司kdjsfh k dfkjhd kfjdskfjhdskj FKJDSH fkjdhf KJHDKF h
1000528879d8897897987897897987987897
收款部门/机构/律师
关闭
3/1/2012
$4519.00
1个月
$4519.00
严重超过到期日/分配给律师、托收机构或信贷授予人的内部托收部门
1000528
收款账户
关闭
8/1/2013
$4519.00
$4519.00
不付报酬的
医学的
不付报酬的
MED1 02圣弗朗西斯医院
1000528
收款账户
打开
8/1/2013
$3519.00
收藏
$（文档）.ready（函数（）{
var i=0；
$（'.row'）。每个（函数（）{
var-highestBox=0；
$（'.col data ss'，this）.each（函数（）{
if（$（this）.height（）>highestBox）
highestBox=$（this）.height（）；
});
$（'.col data ss'，this）.高度（最高框）；
});
});
<div class="table-data-st">
<div class="row">
<div class="col-lg-3">
<div class="first-col col-data-ss">Account Name:</div>
</div>
<div class="col-lg-3">row 1 col 2 data</div>
<div class="col-lg-3">row 1 col 3 data</div>
<div class="col-lg-3">row 1 col 4 data</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="first-col col-data-ss">Account Type:</div>
</div>
<div class="col-lg-3">row 2 col 2 data</div>
<div class="col-lg-3">row 2 col 3 data</div>
<div class="col-lg-3">row 2 col 4 data</div>
</div>
</div>
帐户名：
第1行第2列数据
第1行第3列数据
第1行第4列数据
帐户类型：
第2行第2列数据
第2行第3列数据
第2行第4列数据
display:table