Как мне использовать jQuery .each (), чтобы найти детей ребенка?

Question

Учитывая много тегов TABLE на странице, как выбрать дочерний элемент TD для выбранной таблицы.

Это логично, но не с этой ошибкой:

Error: uncaught exception: Syntax error, unrecognized expression: [object Object]tr

Мой код

$(document).ready(function () {
    var selectedTable = $('table').eq('9');

    $(selectedTable).css('border','10px solid green');

    $(selectedTable + 'tr td').each(function(i) {
        $(this).css('border','10px solid blue');
    });

});

Answer 1

$(selectedTable).find('td').each(function (index, element) {
    ...
});

Answer 2

selectedTable - это объект jQuery, а не строка.
Вы не можете использовать его в селекторе.

Вместо этого вам необходимо использовать API обхода jQuery:

selectedTable.find('tr td')

Answer 3

Используйте .find(), чтобы получить детей из таблицы.Проблема в том, что selectedTable не строка селектора, а объект.Вы не можете объединить объект со строкой, поэтому вы получаете ошибку.

Это должно работать нормально:

$(document).ready(function () {
    var selectedTable = $('table').eq('9');

    $(selectedTable).css('border','10px solid green');

    $(selectedTable).find('tr td').each(function(i) {
        $(this).css('border','10px solid blue');
    });
});

Answer 4

selectedTable.find('tr td').each(function(i) {
        $(this).css('border','10px solid blue');
    });

Вы также можете создать цепочку следующим образом:

selectedTable.css('border','10px solid green').find('tr td').each(function(i) {
  $(this).css('border','10px solid blue');
});

Кроме того, вам не нужно снова использовать $ (selectedTable), так как ваш селектор уже возвращает объект jquery.