javascript - 设置动态创建的 div 元素的样式

Question

我想在元素创建后将 css 样式应用到它。该元素是由插件创建的，因此我无法访问创建它的事件。

此元素具有 .appointments-address-field 类。我尝试添加一个简单的样式:

.appointments-address-field {
    background: #fff;
}

...没有成功。然后我尝试在 jQuery 中附加一个委托(delegate)加载事件:

$(document).on('load', '.appointments-address-field'), function() {
    $('.appointments-address-field').css('background', '#fff');
});

...也没有成功。

如何将样式应用于该元素？

编辑:抱歉，我拼错了我的 jQuery 代码。你们中的许多人建议使用 .css 而不是 .style，但我确实使用了它。

Answer 1

首先您使用 CSS 而不是代码是正确的，但是您的 css 选择器必须至少与应用于该元素的任何现有背景样式一样特定。我当然假设您的样式已经包含在插件的样式之后。

使用像 Chrome 的 F12 DOM 检查器这样的工具来查看元素样式的来源，以及它是否更具体。

例如它可能需要是这样的:

.some-parent-wrapper .some-appointment .some-group .appointments-address-field {
    background: #fff;
}

如果您能够提供指向实际站点的链接，就可以很容易地建议正确的选择器。

更新:

不要求助于 !important 的简单回退除非当前选择器也使用它:http://james.padolsey.com/usability/dont-use-important/