jQuery -获得排中最高的列
提问于 2015-08-11 06:45:04
我有一页是用Bootstrap的。我正在试图找到每一行中最大的列的高度。为了做到这一点，我有：
html:
<div class="row">
<div class="col-md-4">
<br />
One
</div>
<div class="col-md-4">
<br />
<br />
<br />
Two
</div>
<div class="col-md-4">
<br />
Three
</div>
</div>
<div class="row">
<div class="col-md-4">
<br />
One
</div>
<div class="col-md-4">
<br />
<br />
Two
</div>
<div class="col-md-4">
<br />
<br />
<br />
Three
</div>
</div>javascript:
$(function () {
var rows = $('.row');
for (var i = 0; i < rows.length; i++) {
var maxHeight = 0;
var cols = null; // NOT SURE WHAT TO DO TO GET THE COLUMNS HERE
for (var i2 = 0; i2 < cols.length; i2++) {
var colHeight = $(cols[i2]).height(); // NOT SURE IF THIS IS CORRECT
if (colHeight > maxHeight) {
maxHeight = colHeight;
}
}
alert('Largest Column Height: ' + maxHeight);
}
});我不知道如何获得给定行中的所有列。在这一点上，我不完全确定如何获得高度。它们都源于同一个问题:我不知道什么时候使用选择器，什么时候不使用。
如何将所有列都排在一行中，以及它们各自的高度？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-08-11 07:06:44
若要选择需要使用的列，请执行以下操作：
var cols = $(rows[i]).children('div');诀窍是，始终需要将中的变量设置为带有$(变量)的jquery变量，然后搜索子目录div。
完整的代码是：
$(function () {
var rows = $('.row');
for (var i = 0; i < rows.length; i++) {
var maxHeight = 0;
var cols = $(rows[i]).children('div'); // NOT SURE WHAT TO DO TO GET THE COLUMNS HERE
for (var i2 = 0; i2 < cols.length; i2++) {
var colHeight = $(cols[i2]).height(); // NOT SURE IF THIS IS CORRECT
if (colHeight > maxHeight) {
maxHeight = colHeight;
}
}
alert('Largest Column Height: ' + maxHeight);
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31944970
复制
腾讯云开发者
