jQuery: How to get the first “td” in all rows
<p>I have a table, and I want get the first “td” in all rows.</p>

<p>My jquery here:</p>

<pre><code>$("table.SimpleTable tr td:first-child").css('background-color','red');
</code></pre>

<p>and my HTML here:</p>

<pre><code>&lt;table class='SimpleTable' border="1" ID="Table1"&gt;
        &lt;tr&gt;
            &lt;td&gt;Left&lt;/td&gt;
            &lt;td&gt;Right&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Left&lt;/td&gt;
            &lt;td&gt;Right&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Left&lt;/td&gt;
            &lt;td&gt;Right&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Left&lt;/td&gt;
            &lt;td&gt;
                &lt;table border="1" ID="Table2"&gt;
                    &lt;tr&gt;
                        &lt;td&gt;AAA&lt;/td&gt;
                        &lt;td&gt;AAA&lt;/td&gt;
                        &lt;td&gt;AAA&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Left&lt;/td&gt;
            &lt;td&gt;
                &lt;table border="1" ID="Table3"&gt;
                    &lt;tr&gt;
                        &lt;td&gt;BBB&lt;/td&gt;
                        &lt;td&gt;BBB&lt;/td&gt;
                        &lt;td&gt;BBB&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
</code></pre>

<p>The problem here it get the first "td" in the nested table of the second "td".</p>

<p>Please help me!</p>
