jquery - jQueryでネストされたテーブルセルを選択せず​​にテーブルセルを選択する方法

Question

ネストされたテーブルのセルではなく、テーブル内の 'td' 要素の最初のレベルのみを選択したいと考えています。例えば：

<table id="Outer">
    <tr>

        <td> --this one
        </td> 

        <td> --this one
            <table>
                <tr>
                    <td></td> -- but not this one or any deeper nested cells
                </tr>
            </table>
        </td>

    </tr> 
</table>

（そして、はい、製品コードでは、tbody、thead を含めます...）

Answer 1

式に一致する直接の子のみを選択する子セレクターを使用します。外側のテーブルだけを簡単に選択できるように、名前を付けます。 注:これは、本番環境にあることを示しているように、thead、tbody、および tfoot のセレクターに追加したため、サンプルでは機能しません。サンプルに応じて調整します。

$('table#namedTable').children('tbody,thead,tfoot')
                     .children('tr')
                     .children('td')

Answer 2

最も外側のテーブルに「Outer」の ID を与えます。

$("table#Outer > td").text("selected");