如何使用 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('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 对象。

Answer 2

使用 .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 3

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

Answer 4

selectedTable 是一个 jQuery 对象，而不是字符串。
您不能在选择器中使用它。

相反，您需要使用 jQuery 的遍历 API：

selectedTable.find('tr td')