Question

说我有一张桌子：

<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

最深的，我猜你实际上是指特定行中的最后一个：

$('#mytable tr td:last').css('background', 'red');
                 ^^^^^-- add that.

Answer 2

您以错误的方式分配了ID

<table id="#myTable">

应该是

<table id="myTable">

如果这是你的表

<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。

小提琴是here。

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

2 个答案: