我正在尝试将类从给定的javascript对象分配给表的所有td,但是我无法实现,这就是我尝试过的方法。我正在遍历所有tds,在另一个我遍历json。由于某种原因,我无法将id添加到任何元素中。
的HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table id="vapEaseSegmentsTable">
<thead>
<tr>
<th> </th>
<th>Convert</th>
<th>Maintain</th>
<th>Engage</th>
</tr>
</thead>
<tbody>
<tr>
<th>Email Engaged</th>
<td>0.4%</td>
<td>3.4%</td>
<td>6.4%</td>
</tr>
<tr>
<th>Email Inactive</th>
<td>5.0%</td>
<td>4.4%</td>
<td>7.4%</td>
</tr>
<tr>
<th>Likely to Thrive</th>
<td>8.0%</td>
<td>7.4%</td>
<td>8.4%</td>
</tr>
</tbody>
</table>
</body>
</html>
JQUERY
var easeSegmentNameMap = {
"EMAIL_ENGAGED": {
CONVERT: "highestValue",
MAINTAIN: "mediumValue",
ENGAGE: "lowValue"
},
"EMAIL_INACTIVE": {
CONVERT: "mediumValue",
MAINTAIN: "highestValue",
ENGAGE: "lowValue"
},
"LIKELY_TO_THRIVE": {
CONVERT: "highestValue",
MAINTAIN: "lowValue",
ENGAGE: "mediumValue"
}
}
function setClass() {
$("td").each(function(index, value) {
$.each(easeSegmentNameMap, function(index, easeSegmentName) {
$(this).addClass("add class from easeSegmentNameMap in sequence ");
});
});
}
setClass();
FIDDLE
最佳答案
只需使用jQuery父>子选择器即可选择所有td。
$("#vapEaseSegmentsTable td").addClass("red");