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

时间:2017-09-29 16:38:31

标签: javascript jquery

我正在尝试在我的表格中设置td元素的背景颜色,但是浏览器一直在说“无法读取属性'未定义的'孩子' 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"});
      });
}); 

2 个答案:

答案 0 :(得分:1)

简单地使用:$("#GruposCxPPago td").css({"background-color":"red"});

&#13;
&#13;
$("#GruposCxPPago td").css({"background-color":"red"});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

你可以这样做

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