Question

我想为JQuery dataTable中的一个字段值输出一个引导标签。字段可能的值可以是“0”或“1”，并且根据此结果，我想确定要在dataTable中输出哪个引导标签。我想知道如何根据“启用”字段的结果以及如何使用我的html代码填充字段来实现if语句：

我的JQuery：

$(document).ready(function() {  
    $('#accountOverview').dataTable( {
        "ajax": {
            "url": "/database/accounts.php",
            "data": {"action": "selectAccounts"},
            "dataSrc": ""
        },
        "columns": [
            { "data": "email" },
            { "data": "platform" },
            { "data": "coins" },
            { "data": "profitDay" },
            { "data": "playerName" },
            { "data": "tradepileCards" },
            { "data": "tradepileValue" },
            { "data": "enabled" }
        ],
        "autoWidth": false
    });
});

我需要对“启用”字段的结果使用类似的内容：

if(enabled==1) <label class="label label-success">Online</label>
else <label class="label label-error">Offline</label>

Answer 1

您可以在<td class="enabled>

中添加课程

DUMMY HTML CODE：

<table>
    <thead><tr><th>i</th></tr></thead>
    <tbody><tr><td class="enabled">0</td></tr>
           <tr><td class="enabled">1</td></tr>
    </tbody>
</table>

并通过javascript添加操作：

var a  = document.getElementsByClassName('enabled');

for (var i = 0; i<a.length;i++) {


    if (a[i].textContent == 1) {
       a[i].innerHTML = '<label class="label label-success">Online</label>';
        }
    else {
        a[i].innerHTML = '<label class="label label-error">Offline</label>';
    }

}

DEMO

操作dataTable字段的结果

1 个答案: