如何在JQuery中的表中添加数据

Question

我正在尝试在下表结构中添加一些数据：

<table>
    <tr id = "line_one">
        <!-- datas here -->
    </tr>
    <tr id = "line_two">
        <!-- or data here -->
    </tr>
</table>

我已经在JQuery中尝试过以下对.appendTo（）的调用：

<script type = "text/javascript">
    $(document).ready(function() {
        $("#line_one").appendTo("<td>test</td>");
    }   
</script>

有没有人知道这个短代码发生了什么问题？

Answer 1

在您的案例中使用.append()，而不是.appendTo()。

.appendTo()会将tr追加到td

$("#line_one").append("<td>test</td>");

另外

$(document).ready(function(){
……… 

});

关闭paranthesis缺失。

Answer 2

您想使用append，而不是appendTo。

就是这样，您将#line_one附加到新创建的DOM对象<td>test</td>，并将其保留在内存中。

Answer 3

尝试使用append代替appendTo

Answer 4

<script type = "text/javascript">
  $(document).ready(function() {
    $("#line_one").html("<td>test</td>");
 }   
</script>