Question

我将动态json文件附加到html。如果.openticket的值大于x数，我想更改openticket row .td元素的颜色。

我的代码如下：

<table id="userdata" border="2">
   <thead>
      <th>Department</th>
      <th>OpenTickets</th>
   </thead>
   <tbody></tbody>
</table>

JS

function repopulateTable(data) {
    var parsedData = JSON.parse(data);
    console.log(parsedData);
    var dashboard = [];
    dashboard.push(JSON.parse(data));
    dashboard.forEach(function (value, index) {;
        var table1Rows = "";
        for (var key in value) {
            if (value.hasOwnProperty(key)) {
                if (key === 'Item1') {
                    value[key].forEach(function (val) {                                
                        var tbl1Row = "<tr>" + "<td>" + val.Title + "</td>" + "<td>" + val.Ticketnumber + "</td>" + "</tr>"
                        table1Rows += tbl1Row;
                    })
                }
            }
        }
        $("#userdata tbody").html(table1Rows);
    });
}

我做了css

.color{
   color:red;
}

并尝试捕获val之类并添加属性：

var capture = $(val.Ticketnumber).val();
if (capture.val)>3{
$("td:second").addClass("color");
}

没有成功。

Answer 1

好好看看。

for (var key in value) {
            if (value.hasOwnProperty(key)) {
                if (key === 'Item1') {
                    value[key].forEach(function (val) {                                
                        var tbl1Row = "<tr " + (parseInt(val.Ticketnumber)>3?" class='color'":"") + ">" + "<td>" + val.Title + "</td>" + "<td>" + val.Ticketnumber + "</td>" + "</tr>"
                        table1Rows += tbl1Row;
                    })
                }
            }
        }

在上面的代码中，我根据条件附加了类（“3？”color“：”“）+”＆gt;“）

将json文件附加到带有条件的html

1 个答案: