jquery - JQuery-直接の子の直接の子

Question

誰かが私を助けることができますか？セルの1つにネストされたテーブルを含むテーブルがあります。「helloworld！」を追加したい 外側のテーブルの各行の最初のセルに追加します（したがって、以下の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"); で試してみてください。