如何改变css属性取决于父类，但具有相同的类名

How to change css properties depending on parent, but with the same class name

本文关键字：父类 何改变 改变 取决于 属性 css      更新时间：2023-09-26

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

我计划使用JavaScript。

我反对那个问题。我想知道如何设置每个menu_div的底部属性，取决于图像…所以主要的问题是如何将它设置为所有的，因为所有的图像都是不同的。

提要如下:example

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

首先，我强烈建议使用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');
});
相关文章：