javascript - 将类添加到html元素动态

Question

我正在用 javascript 在 html 中构建一个动态表。这是一段javascript代码。

var tr = $('<tr/>');
$(tr).append('<td>' + p1 + '</td>');
$(tr).append('<td>' + p2 + '</td>');
$(tr).append('<td>' + p3 + '</td>');
$(tr).append('<td>' + p4 + '</td>');
$(tr).append('<td>' + item.status + '</td>');
$(tr).append('<td><button class=\"btn\" onclick=\"join(' + item.gameId + ');\">Join</button></td>');
$('tbody').append(tr);

我想向行元素添加一个类（“错误”或“成功”）。我试过了

tr.className = "success";

这没有用。

Answer 1

这应该有效：

$(tr).addClass("success");

Answer 2

看来您正在使用 jQuery，您应该尝试使用：$(tr).addClass('success')

另外你做了太多不必要的附加，你可以优化你的代码：

var tr = '<tr><td>' + p1 + '</td>' +
    '<td>' + p2 + '</td>' +
    '<td>' + p3 + '</td>' +
    '<td>' + p4 + '</td>' +
    '<td>' + item.status + '</td>' + 
    '<td><button class=\"btn\" onclick=\"join(' + 
    item.gameId + 
    ');\">Join</button></td></tr>'; 
$('tbody').append(tr);

Answer 3

只需使用 tr.addClass("success")

您将 jquery elem 缓存在 var tr 中，因此没有理由只调用$(tr)usetr