テーブル内の背景色を変更する方法

Question

私のテーブルに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"}); 
     }); 
}); 

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"}); 
 
});