jquery - JQuery - 直接孩子的直接孩子

Question

谁能帮我。我有一个表格，其中一个单元格中包含一个嵌套表格。我想附加“你好世界！” 到外部表格每一行的第一个单元格（所以在下面的 html 中，我只想附加到单元格 1a 和 2a）。我尝试了以下方法：

$("div > table > tr > td:first-child").append(' Hello World!');

在下面的 html 上：

<div class="divClass">

    <table class="tableClass" border="1px">
        <tr>
            <td>1a</td>
            <td>1b</td>
          </tr>
     <tr>
            <td>2a</td>
            <td>2b
              <table border="1px"><tr><td>nested table cell</td></tr></table>

            </td>
    </tr>
    </table>

</div>​

但它不起作用。（-http://jsfiddle.net/NickyW/x3bqf/）

有什么建议么？

谢谢，

缺口

Answer 1

$("div > table > tbody > tr > td:first-child").append(' Hello World!');

您只需要使用tbody它，因为它是通过浏览器添加到表中的。这个比较靠谱。

演示

Answer 2

很简单，只需要添加tbody，不需要引用div，请使用类引用。

    $(function () {

        $(".tableClass > tbody > tr > td:first-child").append(' Hello World!');

    });

解决方案

Answer 3

追加是什么意思？您想将单元格的值设置为 Hello world 吗？

然后你应该用 $(..).html('Hello World');

如果您想将其附加到 1a 例如：

试试 $(..).html($(..).html()+"Hello World");