javascript - Javascript：在基于服务器数据的动态生成的表上向 TD 添加类

Question

我有下面的脚本，它根据服务器提供给我的对象数组动态生成一个表，这些对象是我从这里得到的（希望我得到了正确的锚标记，这里应该是一个链接）。

// Builds the HTML Table out of myList json data from Ivy restful service.
function buildHtmlTable(myList) {
 var columns = addAllColumnHeaders(myList);
  for (var i = 0 ; i < myList.length ; i++) {
     var row$ = $('<tr/>');
     for (var colIndex = 0 ; colIndex < columns.length ; colIndex++) {
         var cellValue = myList[i][columns[colIndex]];
         if (cellValue == null) { cellValue = ""; }
\\This is where I want to put the code that compares cellValue and applies 
\\the class
         row$.append($('<td/>').html(cellValue));
     }
     $("#Jsontable").append(row$);
 }
 }
function addAllColumnHeaders(myList)
{
 var columnSet = [];
 var headerTr$ = $('<tr/>');
 for (var i = 0 ; i < myList.length ; i++) {
     var rowHash = myList[i];
     for (var key in rowHash) {
         if ($.inArray(key, columnSet) == -1){
             columnSet.push(key);
             headerTr$.append($('<th/>').html(key));
         }
     }
 }
 $("#Jsontable").append(headerTr$);
 return columnSet;      
}

我无法弄清楚如何通过将 cellvalue 的值与目标值进行比较来为每个 td 添加一个类，如果它更高则归类为 .red ，否则归类为 .green 。我在上面代码中的注释是我认为 if/then 应该出现的地方，但是我的功夫在这里不好。

标签： javascriptjquery

Answer 1

就像是：

row$.append($('<td/>').html(cellValue).addClass(cellValue > goal ? 'red' : 'green'));