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

我有一个问题，当我试图在使用Javascript和jQuery的表中添加行。新的JavaScript HTML元素不遵循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文件的样式。 CSS文件在<head>中加载。

我错过了什么吗？

来源

2016-04-26 Panos Angelopoulos

制作提琴请 – Patrick2607

是什么项目元素？ –

如果'＃items'是表格，那么你应该使用'$（“＃items”）。append'，而不是'.after'来将元素添加到表格中，而不是在它旁边。 – pawel

使用.append而不是.after因为.after是增加tr之外，这就是为什么CSS是不适用的表：

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

来源

2016-04-26 10:47:37

@Wowsk和Dhara_Parmar这是正确的答案。我现在很傻，因为我之前没有检查过它。谢谢！ –

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

回答

相关问题