Question

我正在尝试使用JSON数据在此附加span。但问题是我想在span附加一个名为“xyz”的类。如果可以，怎么可能？

function refresh() {
    var $table = $("table#mytable");

    $.getJSON("//127.0.0.1:8001/get_latest_verification", function (obj) {

        $.each(obj, function (key, value) {
            var rows = "";

            rows = rows + "<tr>" + "<td>" + value.asset_code + "</td>" + "<td>" + value.scan_time + "</td>" + "<td>" + value.credential + "</td>" + "<td>" + "<span>" + value.status + "</span>" + "</td>" + "<td>" + value.operator + "</td>" + "<td>" + value.location + "</td>" + "<td>" + value.auth_code + "</td>" + "<td>" + value.emp_id + "</td>" + "</tr>";

            $table.prepend(rows);
        });
    });
}

Answer 1

只需添加班级名称，即已有的班级

+"<td>"+"<span class='xyz'>" + value.status +"</span>" +"</td>"

Answer 2

你能不能像这样添加它吗？

rows=rows+"<tr>"+"<td>" +value.asset_code+"</td>"
                          +"<td>" + value.scan_time + "</td>"
                          +"<td>" + value.credential + "</td>"
                          +"<td>"+"<span>" + value.status +"</span>" +"</td>"
                          +"<td>" + value.operator + "</td>"
                          +"<td>" + value.location + "</td>"
                          +"<td>" + value.auth_code + "</td>"
                          +"<td>" + value.emp_id + "</td>"
                          +"<span class=\"xyz\">SPAN TEXT</span>"
                          +"</tr>";

Answer 3

以这种方式思考：你只是在表格元素中添加html。 jQuery将追加您创建的确切HTML字符串，您只需要确保首先创建一个好的HTML字符串。这是在Javascript中构建HTML字符串的理智方法，请注意使用单引号和反斜杠：

var htmlstring = '<tr>\
    <td>' + value.someValue + '</td>\
    <td>' + value.someOtherValue + '</td>\
    <td><span class="xyz">' + value.whatever + '</span></td>\
</tr>';

如果您学会以这种方式构建HTML字符串，最终可能会发现您的HTML不是问题：）

使用jQuery附加JSON数据

3 个答案: