Jquery 设置以不同div'包装的列的等高；s

我是jQuery新手，对它不太了解

抱歉，如果这是转载。我得到了一些关于堆栈溢出的例子，但是场景有点不同

是HTML来理解我试图实现的目标

我希望具有相同边框的部分具有相同的高度（高度是动态的）

我无法更改HTML

HTML

试着这样做：

var sec1 = $('.sec1').height();
var sec2 = $('.sec2').height();
if(sec1>sec2){
  $('.sec1,.sec2').css('height',sec1);
} else if(sec1<sec2){
  $('.sec1,.sec2').css('height',sec2);
}

var sec1=$（'.sec1'）.height（）；
var sec2=$（'.sec2'）.height（）；
如果（sec1>sec2）{
$（'.sec1，.sec2'）.css（'height'，sec1'）；
}否则，如果（sec1你可以这样做

jQuery

$(document).ready(function(){
  var maxHeight = -1;

  for (var secCount=0;secCount<4;secCount++){
    $('.sec'+secCount).each(function() {
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
   });

   $('.sec'+secCount).each(function() {
     $(this).height(maxHeight);
   });
  }

})

$（文档）.ready（函数（）{
var maxHeight=-1；
对于（var secCount=0；secCount$（this）.height（）？maxHeight:$（this）.height（）；
});
$（'.sec'+secCount）.each（函数（）{
$（此）.height（最大高度）；
});
}
})
使用以下方法：

$(function(){
    var sec2Ht=0;
   $('.sec2').each(function(){
     var sec2Ht1 = $(this).css('height');
     sec2Ht1 = sec2Ht1.replace('px','');
     if(sec2Ht1 > sec2Ht)
      sec2Ht = sec2Ht1;
   });

   $('.sec2').css('height',sec2Ht+'px');
});

也可以试试这个：

var height = 100;

var obj = $('#div1');
var obj2= $('#div2');

obj.height(height);
obj2.height(height);

您可以尝试这样做-如果您将这些列设置为流体/RWD，并且列中的单元格数不同，并且没有使所有列的高度都相等，则应使用“窗口大小调整”，只需逐行调整即可：

// to reset after window resize
function _resize_reset (columns_selector) {
  $(columns_selector+' > div').each(function () {
    $(this).css('height','auto');
  })
}

// to setup same heights of cells in both columns
function _resize (column1_selector, column2_selector) {
  var rows1 = $(column1_selector+' > div');
  var rows2 = $(column2_selector+' > div');
  var num = rows1.length < rows2.length ? rows1.length : rows2.length;
  for (var k = 0; k < num; k++) {
    var h1 = $(rows1[k]).height();
    var h2 = $(rows2[k]).height();
    if (h1 < h2) $(rows1[k]).css('height',h2+'px');
    else if (h1 > h2) $(rows2[k]).css('height',h1+'px');
  }
}

// update - to be run on start and on window resize
function _update_resize () {
  _resize_reset('span6');
  setTimeout(function () {
    _resize('.span6:nth-child(1)','.span6:nth-child(2)');
  },200);
}

// initiate it
$(function () {
  _update_resize();
  $(window).resize(_update_resize);
})

//在调整窗口大小后重置
功能调整大小重置（列选择器）{
$（列_selector+'>div'）。每个（函数（）{
$（this.css（'height'，'auto'）；
})
}
//在两列中设置相同高度的单元格
函数调整大小（第1列选择器、第2列选择器）{
var rows1=$（column1_selector+'>div'）；
var rows2=$（column2_选择器+'>div'）；
var num=rows1.lengthh2）$（第2行[k]）.css（'height'，h1+'px'）；
}
}
//更新-在启动和调整窗口大小时运行
函数_更新_调整大小（）{
_调整_重置（“span6”）；
setTimeout（函数（）{
_调整大小（“.span6:n个子项（1）”，.span6:n个子项（2）”；
},200);
}
//发起
$（函数（）{
_更新_resize（）；
$（窗口）。调整大小（更新大小）；
})

请在问题中发布您的代码。我已通过codepen分享了您的代码，您的代码必须进入问题中，而不是在外部代码托管网站上。-答案是css和htmlOkay。我已经添加了代码。谢谢Tushar。这是准确的答案。
var height = 100;

var obj = $('#div1');
var obj2= $('#div2');

obj.height(height);
obj2.height(height);

// to reset after window resize
function _resize_reset (columns_selector) {
  $(columns_selector+' > div').each(function () {
    $(this).css('height','auto');
  })
}

// to setup same heights of cells in both columns
function _resize (column1_selector, column2_selector) {
  var rows1 = $(column1_selector+' > div');
  var rows2 = $(column2_selector+' > div');
  var num = rows1.length < rows2.length ? rows1.length : rows2.length;
  for (var k = 0; k < num; k++) {
    var h1 = $(rows1[k]).height();
    var h2 = $(rows2[k]).height();
    if (h1 < h2) $(rows1[k]).css('height',h2+'px');
    else if (h1 > h2) $(rows2[k]).css('height',h1+'px');
  }
}

// update - to be run on start and on window resize
function _update_resize () {
  _resize_reset('span6');
  setTimeout(function () {
    _resize('.span6:nth-child(1)','.span6:nth-child(2)');
  },200);
}

// initiate it
$(function () {
  _update_resize();
  $(window).resize(_update_resize);
})