jquery - 使用 JQuery 替换整个表格行

Question

我想使用 JQuery 替换整个<tr>. 我可以<tr>毫无问题地选择，我只是不知道如何完全替换它。

我的选择器/当前代码：

$("td#listprice").parents("tr:first").outerHTML(product.ListPrice)

这会产生一个错误，指出 outerHTML 不是函数。

我对该行的替换（product.ListPrice）是：

<tr><td>Some label</td><td>Some data</td></tr>

我不完全知道那.outerHTML是我想要使用的，我只知道我想替换整个表格行，包括<tr>和关闭</tr>。我见过一些替换表格行的例子，但它们看起来比它们需要的复杂得多。我认为我不应该为了替换它而删除该行，是吗？

Answer 1

怎么样replaceWith？

$("#listprice").parent().replaceWith(product.ListPrice);

是的，您可以更好地使用parentorclosest代替parents（请参阅下面的评论）。

Answer 2

我找到了两种方法来做到这一点：

replaceText = "<tr><td>Some label3</td><td>Some data3</td></tr>"
  $("td#listprice").parent().html(replaceText)
 //OR    $("td#listprice").parents("tr:first").html(replaceText)

​</p>