javascript - 如果ID有类，则设置另一个元素的属性

Question

我试图检测一个类是否存在，如果存在，则设置另一个元素的背景属性。这是我所拥有的，但它不起作用。

if(jQuery("#slider-banner").hasClass('living-nutrients'))
    {
        jQuery("#home-middle-first").css("background-image","[path to new background image]");
    }

顺便说一句 - 我的下一步是每当 ID“slider-banner”发生变化时检测它，但到目前为止我什至无法让它在页面加载后工作。任何帮助将不胜感激...谢谢!

编辑:我按照指示从 .attr 更改为 .css。有道理...但仍然不起作用。我尝试在 IF 语句中添加 console.log 消息，但也没有得到任何结果。这会给任何人更多的想法吗？

类发生变化的 HTML 示例:

<img id="slider-banner" class="living-nutrients" src="[image path]">

我想要更改背景图像的 HTML 示例:

<div class="home-middle-one-third" id="home-middle-first">
        <a href="#"></a>
    </div>

更新:

对于每个说它“应该有效”的人......你是对的!事实证明，正如所写，它不喜欢出现在页面的页脚中，但是当我将它移到头部时，很快!

这个难题的最后一部分是让它根据 #slider-banner 的变化进行检测和评估(或者更准确地说，ID 区域存在哪个类)，而不仅仅是页面加载，就像现在一样现在。

该 ID 用于 slider 内幻灯片的一个元素。根据可见的幻灯片，我可以为 ID 分配三种可能的类别。因此，我需要脚本在每次幻灯片更改时进行评估。

有什么想法吗？谢谢大家!

Answer 1

background-image 是元素的样式属性，而不是其自己的样式属性。

所以 .css("background-image","[新背景图像的路径]");