javascript - 如何根据父级更改css属性，但具有相同的类名

Question

一个例子：我在网站上有一个提要，提要使用相同的 CSS 类，并且图像具有不同的高度。我需要获取每个图像的高度，并根据它为菜单设置底部属性，该属性将位于提要中每个图像的底部。

我打算使用 JavaScript。

我堆积在那个问题上。我想知道如何menu_div根据图像为每个设置底部属性......所以主要问题是如何将其设置为所有图像，因为所有图像都不同。

提要如下所示：示例

它不是关于一个特定的案例，而是关于一种方法。

Answer 1

首先，我强烈推荐使用 Zepto 或 jQuery 而不是纯 JavaScript。其次，可能有一种方法可以仅使用 HTML 和 CSS 来完成您想要的。如果您分享您的代码、您尝试过的内容以及您正在尝试做的事情，我们可能会为您提供更好的帮助。但是，由于我们所拥有的只是您关于 javascript 的问题，因此您可以如何完成您在 jQuery 中提出的问题：

$('.feed_css_class').each(function() {
    // get the height of the image in the feed
    var imageHeight = $(this).find('img').first().height()

    // set the bottom of the .menu_div
    $(this).find('.menu_div').css('bottom', imageHeight + 'px');
});