在具有特定类别的 TR 中查找具有特定类别的 TD答案

【问题标题】：Find TDs with certain class within TRs with certain class在具有特定类别的 TR 中查找具有特定类别的 TD
【发布时间】：2014-08-06 17:22:42
【问题描述】：

我正在尝试获取具有特定类的 TR 中具有特定类的所有 TD 的 HTML。到目前为止，我有以下内容，但这不起作用。

谁能告诉我我在这里做错了什么？

$('#queueTable').find('tr.trSel').each(function() {
    html += "<tr>";
    $(this).find('td.tdSel').each(function() {
        html += $(this).html();
    });
    html += "</tr>";
});

【问题讨论】：

HTML 示例（例如，在 JSFiddle 中）会很好：) 选择器乍一看还不错。
html 在此方法之外声明，对吗？
是的，html是在外面声明的。
看来我的问题是找到具有特定类的 TD，因为它们的 HTML 没有出现在输出中。
是的。测试输出类似于"<tr>TD 1</tr><tr>TD 2</tr>"。正如 Paul Roub 所说，缺少 TD 元素：jsfiddle.net/TrueBlueAussie/UK6Vz/1

标签： jquery html loops each

【解决方案1】：

这将创建带有<td> 单元格的内容的<tr> 对象，但没有实际的<td> 标记。

试试：

$('#queueTable').find('tr.trSel').each(function() {
    html += "<tr>";
    $(this).find('td.tdSel').each(function() {
        html += '<td>' + $(this).html() + '</td>';
    });
    html += "</tr>";
});

【讨论】：

谢谢。让我检查一下！
缺少 TD 标签 - 效果很好！再次感谢 - 我会尽快接受。 :)
那为什么要循环<td>呢？只需获取该行的html。 html += "<tr>" + $(this).html() + "</tr>"
从这些行中选择某些单元格（并在此过程中删除类）。您的版本获得了所有个单元格。