将jQuery事件应用于页面上的多个类

我有一个带有几个div的页面，为此我编写了一个脚本来适当地调整它的高度。每个div包含2个div，编写一个小脚本来计算这些div中的最高值，并将它们正确地排列起来。问题是页面上的所有div现在都指定了相同的高度。我想为每个部门分别计算

HTML

---

这是因为对一组元素使用

height（）

作为getter方法将返回列表中第一个元素的高度

所以试试看

jQuery('article').height(function (i, height) {
    return Math.max(jQuery(this).find('.entry-sidebar').height(), jQuery(this).find('.inner-content-container').height());
})

您可以使用函数获取每个文章的回调，并使用函数仅查找当前文章中的元素，然后像这样使用它

$('article').each(function() {
    var $article = $(this);
    var highestCol = Math.max($article.children('.entry-sidebar').height(),$article.children('.inner-content-container').height());
    $article.children('.equalHeight').height(highestCol);
});

---

下面是

中的工作示例，您在这里不清楚您可以使用一个回调函数，在jQuery调用中，您可以使用

this

来指定一个函数，该函数将单独影响每个选定的元素。如何单独计算高度取决于您。如果您需要任何进一步的帮助，请提供小提琴。对不起，不清楚。我有多个文章div谁的高度需要根据里面的内容进行调整。目前，脚本将页面上的所有文章div设置为相同的高度，而不是单独计算每个div。您是在加载脚本还是在某处调用脚本？我在这里感到困惑。为什么不移动

高度：

CSS限制，而是使用类似

最小高度：

的内容，然后div将自然增长到其中的内容，当然还有宽度限制。

jQuery('article').height(function (i, height) {
    return Math.max(jQuery(this).find('.entry-sidebar').height(), jQuery(this).find('.inner-content-container').height());
})

$('article').each(function() {
    var $article = $(this);
    var highestCol = Math.max($article.children('.entry-sidebar').height(),$article.children('.inner-content-container').height());
    $article.children('.equalHeight').height(highestCol);
});