Как выбрать ячейки таблицы без выбора вложенных ячеек таблицы в 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

Я бы использовал селектор children , который выбирает только непосредственных потомков, соответствующих выражению. Чтобы было проще выбрать только внешнюю таблицу, я бы дал ей имя. ПРИМЕЧАНИЕ: это не будет работать с вашим образцом, так как я добавил в селекторы для thead, tbody и tfoot, как вы указали, что будете работать. Отрегулируйте соответственно для вашего образца.

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

Answer 2

Дайте самой внешней таблице идентификатор "Outer":

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