搜索动态创建的行和删除

Question

我正在尝试搜索具有userName的特定行，该行由另一个函数动态创建并从表中删除。但我现在可以搜索该行。
这就是我添加新行的方式：

$("table").append("<tr><td>" + userName + "</td></tr>");

这就是我在表格中搜索userName行并删除它的方式：

$("table").find("<tr><td>" + userName + "</td></tr>").remove();

Answer 1

find的参数是选择器，而不是HTML。

$("table").find("td:contains("+userName+")").remove();

Answer 2

使用基于contains()的选择器

$('table td:contains('+userName+')').remove()

或

$('table').find('td:contains('+userName+')').remove()

Fiddle

您的代码不是查找现有DOM子代的正确方法。

要完全匹配，请使用.filter()，

$("table td").filter(function() {
    return $(this).text() === userName;
}).remove()

Answer 3

您可以在选择器中使用contains()函数，请参阅下面的示例代码

$("table").find("tr > td:contains('"+ userName +"')").remove();

Answer 4

即使你尝试最接近jQuery。

$('table').closest('tr').remove();