每个类的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>

我想为每个列做点什么-- class。

应用程序：

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

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

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

Answer 1

试试这个：

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