新的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規則

回答

相關問題