Как сделать так чтобы js код действовал только для div с определенным классом?

Question

[Stacy None]

Вот js код который выравнивает все <div по наибольшей высоте.
Я в js не силен, по этому прошу вашей помощи!

function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".columns > div "));
});

Как сделать так чтобы данный код выравнивал не все divы а только divы с классом "hdr" ?
Заранее спасибо!

Answer 1

[Юрий Есин]

Если нужно учитывать высоту только тех блоков, у которых класс hdr:

function setEqualHeight(columns) {
  var tallestcolumn = 0;

  columns.each(function () {
    currentHeight = $(this).height();
    if (currentHeight > tallestcolumn) {
      tallestcolumn = currentHeight;
    }
  });

  columns.height(tallestcolumn);
}

$(document).ready(function () {
  setEqualHeight($(".columns > div.hdr"));
});

Если нужно учитывать высоту всех блоков, а применять лишь к тем, у которых класс hdr:

function setEqualHeight(columns) {
  var tallestcolumn = 0;

  columns.each(function (i, e) {
    currentHeight = $(e).height();

    if (currentHeight > tallestcolumn) {
      tallestcolumn = currentHeight;
    }
  });

  columns.each(function (i, e) {
    if ($(e).hasClass("hdr")) {
      $(e).height(tallestcolumn);
    }
}

$(document).ready(function () {
  setEqualHeight($(".columns > div"));
});