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

Question

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

我打算使用JavaScript。

我在这个问题上堆积如山。我想知道如何为每个menu_div设置底部属性，具体取决于图像...... 所以主要问题是如何将它设置为所有图像，因为所有图像都不同。

Feed看起来像这样：example

这不是关于特定情况，而是关于一种方法。

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