title: jQuery How to change row background color, fror each separate row?
body: <p>I have such question, how i can change background color for each separate row?</p>
  
  <p>For example i have table</p>
  
  <p>For this to rows i wanna make another color, <strong>for example red</strong>.</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody class="tableData"&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var lpmsData = [
      { item: "111000355B", order: "9999999999", actual: "403", target: "404", defects: "1", efficiency: 89, pefomance: 78, oee: "N/A", startTime: "06:45:44" },
      { item: "102211549B", order: "8888888887", actual: "504", target: "366", defects: "123", efficiency: 125, pefomance: 96, oee: "N/A", startTime: "05:35:64" }
  ];
  
  var timeShedule = [
      { firstShift: ["05:45 - 07:00", "07:00 - 08:00", "08:00 - 09:00", "09:00 - 10:00", "10:00 - 11:00", "11:00 - 12:00", "12:00 - 13:00", "13:00 - 14:00", "14:00 - 14:45",]}
  ];
  
  function buildTable() {
      $.each(lpmsData, function (i, data) {
          var categoryBuild = '&lt;tr&gt;&lt;td width="150"&gt;' + timeShedule[0].firstShift[i] + '&lt;/td&gt;&lt;td&gt;' + data.item + '&lt;/td&gt;&lt;td&gt;' + data.actual + '&lt;/td&gt;&lt;td&gt;' + data.target + '&lt;/td&gt;&lt;td&gt;' + data.defects + '&lt;/td&gt;&lt;td&gt;' + data.efficiency + '&lt;/td&gt;&lt;td&gt;' + data.pefomance + '&lt;/td&gt;&lt;td&gt;' + data.oee + '&lt;/td&gt;&lt;/tr&gt;';
          if (data.efficiency &lt;= 50) {
              $(this).css("background-color", "blue");
          }
          $('.tableData').append(categoryBuild);
      });
  
  }
  </code></pre>
  
  <p>I try to use this type of code, but recived:</p>
  
  <p>So any idea how to do it?</p>