使用特定类名 JQuery 追加跨度

Appending span with certain class name JQuery

本文关键字:JQuery 追加      更新时间:2023-09-26

我想在 span 后面附加一些特定的类名。我正在使用JavaScript MAP来获取类名。以便它可以附加适当的类名。
我能够使用以下方法获取值: mymap.get(value.status)但我是,但我无法作为类名传递,例如:

<span class...

function refresh() {
    var $table = $("table#mytable");
    $.getJSON("//127.0.0.1:8001/get_latest_verification", function (obj) {
        $.each(obj, function (key, value) {
            var mymap = new Map();
            mymap.set('Registered', 'badge badge-info');
            mymap.set('Tampered', 'badge badge-important');
            mymap.set('Verified', 'badge badge-success');
            mymap.set('Void', 'badge badge-inverse');
            mymap.set('Released', 'badge badge-inverse');
            var state = mymap.get(value.status)
            var rows = "";
            rows = rows + "<tr>" + "<td>" + value.asset_code + "</td>" + "<td>" + value.scan_time + "</td>" + "<td>" + value.credential + "</td>" + "<td>" + "<span class='state'>" + 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);
        });
    });
}

您必须使用字符串连接来添加类属性值,因为state是保存类名的变量

"<span class='" + state + "'>"

相反,如果"<span class='state'>"创建具有类state的范围