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，因为它已逐页添加到浏览器中。这更可靠。

<强> DEMO

Answer 2

这很简单你需要做的就是添加tbody，不需要引用div，请使用类引用。

    $(function () {

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

    });

Solution

Answer 3

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

然后你应该用$（..）。html（'Hello World'）;

来试试

如果你想将它附加到1a进行检查：

尝试使用$（..）。html（$（..）。html（）+“Hello World”）;

JQuery - 直接孩子的直接孩子

3 个答案: