Javascript 如何将css应用于动态HTML内容？

我不熟悉CSS和学习

我的问题是,

如果我的HTML内容加载有延迟 可能是因为ajax请求， 如果我将html响应附加到已经加载的div标记上

如何将CSS应用于内部HTML

假设我有和div标签

<div class="row">
    <div class="col-md-5 col-md-offset-2">
        <div id="theTableContainer"></div>
    </div>
</div>

有更好的办法吗

请在下面找到工作代码的链接

---

更好的方法是添加要添加的css类，然后使用

addClass

动态添加css

$（“#表格容器表tr”）。每个（函数（）{
$（this.find（“td”）.addClass（“背景色字体重量”）；
});
.background{
背景色：红色；
}
.颜色{
颜色：白色；
}
.字体大小{
字体大小：“粗体”；
}

例子
您可以始终在css中添加样式：

#theTableContainer table tbody tr td:nth-child(3){
  background-color: #8600e6;
  color: #F8F8FF;
  font-weight: bold;
}

该报告已更新

另一种方法基于：

您可以使用所需的所有CSS属性创建一个类：

.active {
    background-color: #8600e6;
    color: #F8F8FF;
    font-weight: bold;
}

并应用它：

$(this).find("td:eq(2)").addClass('active');


.active {
    background-color: #8600e6;
    color: #F8F8FF;
    font-weight: bold;
}

$(this).find("td:eq(2)").addClass('active');