新的javascript HTML元素不遵循css规则

New javascript HTML element doesn't follows css rule

本文关键字：css 规则 javascript HTML 元素 新的      更新时间：2023-09-26

当我尝试使用Javascript和jQuery在表中添加行时，我遇到了问题。

我的代码：

<script>
$(document).ready(function(){
   for (i=0; i<myvar.length; i++){
      $("#items").after('<tr class="item-row"><td class="item-name"></td></tr>');
    }
});
</script>
我的

问题是新行没有采用我的 CSS 文件的样式。CSS 文件加载在 <head> .

我错过了什么吗？

使用 .append 而不是 .after，因为.after在表外添加了tr，这就是 CSS 不应用的原因：

for (i=0; i<5; i++){
      $("#items").append('<tr class="item-row"><td class="item-name"></td></tr>');
}
相关文章：