使用JQuery替换整个表行

时间:2012-06-24 21:30:55

标签: jquery

我想用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> 。我已经看到了一些替换表行的例子,但它们看起来比它们需要的更复杂。我不认为我应该删除该行以替换它,我应该吗?

2 个答案:

答案 0 :(得分:6)

replaceWith怎么样?

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

是的,您可以更好地使用parentclosest代替parents(请参阅下面的评论)。

答案 1 :(得分:0)

我找到了两种方法:

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