Javascript JQuery代码只处理一个DIV行-等高列DIV

这是我的

这个JQuery代码与所有“.container”DIV通信，当我编辑一行中的文本时，每行的高度相等

我只在一行中需要它（其他行不需要框中的空格）我在这一行中需要这个

“成长”

如何编辑更多文本-而不是在其他行中

不同的

div类

，flexbox和table不是我工作的解决方案-我需要对我的

JQuery

代码进行补充

这是我的JQuery:

$(document).ready(function(){
   $('.box').each(function() {  
        var highestBox1 = 0;
        $('.container').each(function(){
            if($(this).height() > highestBox1) 
               highestBox1 = $(this).height(); 
        }).height(highestBox1);  
   });    
});

---

谢谢

您还没有说明如何识别要使用的特定容器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);  

---

…将仅将第五个容器设置为循环确定的高度。

如果我理解正确，您需要在每个

.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)

更新（根据评论）

---

当我把你的代码放在我的示例中时，它不起作用。还有一点：我的数据库编辑文本-我不能说哪一行换行-那么@mlemtes：我不知道你在问什么。“我的数据库编辑文本”您的数据库无法在浏览器中编辑文本，这句话毫无意义。如果你可以编辑你的问题，明确问题所在和目标，那么有人可能会帮助你。但目前还不清楚。使用您的代码，我对这个容器进行了寻址，我在JQuery中有这个容器的地址（使用eq（4）），而它目前在我的示例中不起作用。我的问题是：我的div会自动填充（PHP）——所以我不知道div有多长，或者其中有多少文本行——不仅仅是第一行——其他的也一样，但与第一行的高度不同。我希望有一个像桌子一样的高度——每一行在同一条线上，但高度相同是的！但为什么这在IE8上不起作用？有什么解决方案吗？不确定，我没有IE8要测试，有什么错误吗？我不知道，但是我的JQuery动画（带有悬停效果）不起作用@蒂尔温·乔伊有一个解决方案

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]);
});