jquery 对于每个包含...的类

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

允许为包含的 columns-div 内的左侧和右侧 div 的所有列赋予相同的高度。

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

因此，需要对 columns-1、columns-2 和 columns-3 重复后一部分，

我在这里找到了一些如何检查部分类名的示例，但这些示例将立即处理所有列 div 类，而不是每次，导致整个网页中所有左右 div 的高度相等。 使用 jQuery 查找元素的动态类名

Answer 1

试试这个：

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