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

Question

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

我的代码：

<authorizationStrategy class="hudson.security.ProjectMatrixAuthorizationStrategy">
.
.
<permission>hudson.model.Hudson.Administer:***Here is your username***</permission>
.
.
</authorizationStrategy>

我的问题是新行没有采用我的CSS文件的样式。在<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文件

我错过了什么吗？

Answer 1

使用.append代替.after，因为.after正在表格之外添加tr，这就是CSS未应用的原因：

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