如何在表格中更改tr td的背景颜色

Question

我正在尝试在表中设置td元素的背景颜色，但是浏览器一直在说“无法读取未定义的属性'children'”， JS可以浏览所有记录，但是颜色不会因错误而改变。

这是我的桌子

<div id="GruposCxPPago">
 <table>
  <tr>
    <td>text1</td>
    <td>text2</td>
  </tr>
 </table>
</div>

这是我的Javascript

var ele = new Array();
$("#GruposCxPPago").find('tr').each(function(i)
   {
      var item = ele[i];  
      item.children('td').each(function(tdEL) {
          tdEl.css({"background-color":"red"});
      });
}); 

Answer 1

只需使用以下代码： $("#GruposCxPPago td").css({"background-color":"red"});

 $("#GruposCxPPago td").css({"background-color":"red"}); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="GruposCxPPago"> <table> <tr> <td>text1</td> <td>text2</td> </tr> </table> </div> 

Answer 2

你可以这样做

 $("#GruposCxPPago td").each(function() $(this).css({"background-color":"red"}); });