jquery - 使用 JQuery 替换整个表格行（包括）

Question

我在这里查看了其他示例，但它们似乎正在替换 a 的内容，<tr>而不是整个行，包括<tr>.

<table>
    <tr style="display:block">
        <td id="someid">Test</td>
        <td>Some text</td>
    </tr>
</table>

下面的代码似乎只替换了<tr>. 我需要替换所有内容，包括该<tr>行将折叠。任何人都可以确认此代码是否完全替换了该行：

var newtr = "<tr style='display:none'><td id='someid'></td><td></td></tr>"
$("td#someid").parent().html(newtr);

我不认为整个<tr>被替换的原因是因为该行没有折叠 - 尽管我已经在 JQuery 之外测试了 HTML 并且它工作正常。

score 26 · Accepted Answer

你快到了，只需使用 jQuery replaceWith^{[jQuery docs]}函数：

$("td#someid").parent().replaceWith(newtr);

score 3 · Accepted Answer

3

正确的功能是.replaceWith：

$("td#someid").parent().replaceWith(newtr);

于 2012-06-26T11:30:39.580 回答

score 2 · Accepted Answer

2

如果您尝试替换对象，而不是其内容：

$("td#someid").parent().replaceWith(newtr);

于 2012-06-26T11:30:46.393 回答

score 2 · Accepted Answer

2

使用 jquery 的 replaceWith 方法替换元素。

$('#someid').parent().replaceWith(newtr);

于 2012-06-26T11:31:10.110 回答

score 1 · Accepted Answer

如果您更喜欢 HTML 技术而不是切换元素，请尝试以下操作：

你说这不会取代 tr 元素是正确的。.html("...") 替换元素的内部 HTML（在本例中为 tr）。使用 JavaScript outerHTML 来实现：$("td#someid").parent().get(0).outerHTML = newtr;

score 1 · Accepted Answer

jQuery

$("td#someid").parent().replaceWith(newtr);

score 1 · Accepted Answer

你也可以检查这个JsFiddle

var newtr = "<tr style='display:none'><td id='someid'></td><td></td></tr>";

$("td#someid").parent().parent().html(newtr);

jquery - 使用 JQuery 替换整个表格行（包括 ）