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

标签 javascript jquery html css

当我尝试使用 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>');
}

关于javascript - 新的 javascript HTML 元素不遵循 css 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36862603/

相关文章:

jquery - jquery 1.4.2 和 jQuery 1.2.3 之间的冲突

javascript - 在 JavaScript 中使用本地文件作为数据源

javascript - 如何通过javascript在thymeleaf中根据数据库进行复选框

javascript - Angular - TypeError : XX is not a function

javascript - 任意 Google Swiffy Canvas 大小/离屏渲染

javascript - 使用 AJAX 调用进行 jQuery 卸载在 Chrome 中不起作用

javascript - JQuery 设置 asp 文本框的值并在回传到服务器时获取值

javascript - slickGoTo 行导致未捕获的类型错误

jquery - 将 child 的类(class)添加到 parent

javascript - 通过ajax填充表非常慢