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

Позволяет задать всем столбцам левый и правый элементы деления внутри содержащихся столбцов - элемент одинаковой высоты.

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

Таким образом, последняя часть должна быть повторена для столбцов-1, столбцов-2 и столбцов-3

Я нашел здесь несколько примеров того, как проверить часть имени класса, но в этих примерах будут рассмотрены все столбцы div-классов сразу, а не каждый раз, что приведет к одинаковой высоте для всех левых и правых элементов div на всей веб-странице. Найти динамическое имя класса элемента с помощью jQuery

Answer 1

Попробуйте это:

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