Question

我有一个未知数量的唯一列div：

 <div class="columns-1"><div class="left"></div><div class="right"></div></div>
 <div class="columns-2"><div class="left"></div><div class="right"></div></div>
 <div class="columns-3"><div class="left"></div><div class="right"></div></div>

我想为每个栏目做一些事情。

申请：

  function equalHeight(group) {
  tallest = 0;
  group.each(function() {
  thisHeight = $(this).height();
  if(thisHeight > tallest) {
     tallest = thisHeight;
  }
  });
  group.height(tallest);
  }

允许在包含的列中给出左右div的所有列 - div相同的高度。

  $(document).ready(function() {
  equalHeight($(".columns-X div"));
  });

因此需要对第1列，第2列和第3列

重复后一部分

我在这里找到了一些如何检查类名的部分示例的示例，但是这些示例将同时处理所有列div类，而不是每次都处理，从而导致整个网页中所有左右div的高度相等。 Find dynamic classname of element with jQuery

Answer 1

试试这个：

$("div[class^=columns-]").each(
    function(){
        equalHeight($(this).find("div"));
    }
)

包含...的每个类的jquery

1 个答案: