jquery - 如何使用 javascript/jquery 将最深的 TD 更改为颜色？

Question

假设我有一张 table :

<table id="#myTable">
    <tr>
        Section 1
        <td>
            <table>
                <tr>
                    Sub 1
                    <td>Sub2</td>
                    Sub3
                    <td>Sub 4</td>
                </tr>
            </table>
        </td>

        <td>Section 2</td>
    </tr>
</table>

如何为找到包含 Sub4 的 td 并将其颜色更改为红色而不影响所有其他选择器的背景颜色的函数创建 jQuery 选择器？

我试过:

$("#myTable td:contains('Sub 4')").css('background','red');

但它似乎认为外表也捕获了该事件。我如何获得对最内层 td 的引用？

Answer 1

您以错误的方式分配了 id

<table id="#myTable">

应该是

<table id="myTable">

如果这是你的 table

<table id="myTable" class="cls" border='1'>
    <tr>
        <td>Section 1</td>
        <td>Sub 1</td>
    </tr>
    <tr>
        <td>Sub2</td>
        <td>Sub3</td>
    </tr>
    <tr>
        <td>Sub 4</td>
    </tr>
    <tr>
        <td>Section 2</td>
    </tr>
</table>​

然后你可以使用

$("#myTable tr td:contains('Sub 4')").css('background','red');

仅将红色背景色应用于包含“Sub 4”的 td。

fiddle 是 here .