javascript - JQuery .append() - 元素丢失样式

Question

我试图将元素添加到 div 容器，但这些元素忽略了它们的 css 类。

JavaScript

$.each(jobs, function(i, job) 
{
    var option = '<div class="input"><div class="option">' + job.created +'</div></div>';
                    
    $('.options').append(option);
});

HTML

<div class="options" style="overflow: scroll; width: 100%; height: 80%; background-color: White; text-align: left;">
   <div class="input">
        <div class="option">
             Hunt Osama.
        </div>
        </div>
   <div class="input">
        <div class="option">
             Execute without trial.
        </div>
   </div>
</div>

元素已成功附加到 div，但未对样式信息进行操作。

编辑:输入类和选项类对添加的元素没有影响。

有什么提示吗？

Answer 1

我已经在我的机器上测试了您的代码，如果我将 CSS 应用于子项，它在 IE 和 Firefox 中运行良好。

在我的 css 文件中，我添加了以下声明:

.option
{
    font-weight:bold !important;
    color: red;
}