Question

我是jquery的新手，我正在尝试使用jquery显示动态表。但是当我在下面打电话时

jQuery.each(data, function(index, value) {
    value_split = value.slice(',');
    for(var i=0;i<value_split.length;i++){
        $("#table").append("<tr><td>" + value_split[i] + "</td></tr>");
    }
});

我正在拆分，因为它是以逗号分隔的列表。我得到像

这样的数据

First name
Last Name
Age
Sam
Don
23

如何以正常表格

中的3行标题和详细信息获取正确的格式

是的我正在切片因为data是对象，例如Object {headers: Array[6], values: Array[6]}

抱歉它的对象不是列表

Answer 1

您可能想要在内部循环外部创建行，否则您将为追加的每个值获取一个新行。

var data = [
    "Sam, Don, 23",
    "Jane, Doe, 40"
];

jQuery.each(data, function(index, value) {
    var value_split = value.split(',');
    var tr = $('<tr />');
    
    for(var i=0;i<value_split.length;i++){
        tr.append( $('<td />', {text : value_split[i]}) );
    }
    
    $("#table").append(tr);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
    <tr><th>First Name</th><th>Last Name</th><th>Age</th></tr>
</table>

jquery动态表正确呈现

1 个答案: