我正在尝试将类从给定的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");

08-19 08:06