JQuery代码地址只有一个DIV行-等高列DIV
JQuery Code to adress only one DIV Row - Equal Height Colums DIV
这是我的JQuery问题
这个JQuery代码与所有的".container"
DIV对话,当我在一行中编辑文本时,在每一行中设置相等的高度。
我需要它在一行(其他行不需要这个空格在框中)我需要这个"growing up"
在这一行我如何编辑更多的文本-不在其他
不同的div-classes
, flexbox和表不是我工作的解决方案-我需要补充我的JQuery
代码
$(document).ready(function(){
$('.box').each(function() {
var highestBox1 = 0;
$('.container').each(function(){
if($(this).height() > highestBox1)
highestBox1 = $(this).height();
}).height(highestBox1);
});
});
谢谢!
如果我理解正确的话,您需要在每个.box
中单独平衡第一个.container
的高度。然后你可以这样做:
var height=0;
var elms = $(".container").filter(function(){
var $siblings = $(this).parent().find(".container");
var index = $(this).index($siblings);
if(index==0){
height = ($(this).height() > height)?$(this).height():height;
return true;
}
else return false;
});
elms.height(height)
演示(/评论)
var heights=[];
$(".container").each(function(){
var $siblings = $(this).parent().find(".container");
var index = $siblings.index($(this));
if(!heights[index])
heights[index]= $(this).height();
else
heights[index] = ($(this).height() > heights[index])? $(this).height():heights[index];
});
$(".container").each(function(){
var $siblings = $(this).parent().find(".container");
var index = $siblings.index($(this));
$(this).height(heights[index]);
});
演示你还没有说你如何识别一个特定的容器div,你想要这个工作,但如果你没有任何其他信息(其他类等),你似乎在你的问题说,你可以回到它的位置:哪个.container
元素是它在页面上?
$('.container:eq(0)')
// or
$('.container').eq(0)
…将选择第一个,或者当然您可以使用较大的索引(1,2,3)来选择其他索引。
例如:
var containers = $('.container');
containers.each(function(){
if($(this).height() > highestBox1)
highestBox1 = $(this).height();
});
containers.eq(4).height(highestBox1);
…将第五个容器的高度设置为由循环决定的
相关文章:
- 使用JavaScript动态插入DIV的成本有多高
- 当DIV中的文本高亮显示时,如何获得DIV中Span的值?(Javascript)
- 两列全高布局展开以包含内容
- jquery,列的高度相等,并且至少与浏览器窗口一样高
- 在转换“列”时处理行span和列span;表“;变成“;Div”;
- 高图表获取选定的列索引
- 获取列高和宽度,并在调整大小时更新
- 如何在高图表的基本柱形图中隐藏/显示列
- 将高图表堆叠的每日列从“日”视图转换为“月”视图
- 高库存 - 使用日期时间轴时在列之间放置一条线
- 高图表复杂的列范围图
- 列的高图表日期时间标签
- 高图表没有对条形图/列单击进行深入分析
- 高图表 - 调整列大小以修复数据标签
- 使用JS的等高列-不适用于移动设备
- JQuery代码地址只有一个DIV行-等高列DIV
- 等高列与jQuery不工作
- 用jQuery创建等高列不工作
- 使用JS破坏等高列绘制的图像
- 获得等高列jQuery插件和Disqus发挥不错