Javascript 如何用Jquery替换两个表行？

我有一个动态表，我想替换两行 使用另一页的数据。我用它来处理一个表行，但每当我尝试替换两行时，会替换一行，而会添加另一行。这可能吗？ 我做了一把小提琴

（我这样做的原因是在最终版本中，第二行是一个具有相同数据但显示方式不同的手风琴）。 非常感谢

Html

第一个单元格第二个单元格第三个单元格替换行
1a2a3a
第四个单元格第五个单元格第六个单元格替换行
4a5a6a
第七十八行第九行
7a8a9a

Jquery

$('#data_table').on("click", ".add-row", function() {


   var newdata= '<tr class="table"><td></td><td class="prod">10</td><td class="prod">11</td><td class="prod">12</td><td><button type="button" id="btn1" class="add-row">Replace Row</button></td></tr><tr class="table_hidden"><td></td><td>a</td><td>b</td><td>c</td><td></td></tr>';

   $(this).closest('tr').replaceWith(newdata);


    });

$（“#数据_表”）。在（“单击“，”。添加行”，函数（）{
var newdata='101112Replace Rowabc'；
$（this）.closest（'tr'）.replacetwith（newdata）；
});

如果要删除2行，可以先删除第2行。使用

replaceWith

将

替换为2个

s

$（“#数据_表”）。在（“单击“，”。添加行”，函数（）{
var newdata='101112Replace Rowabc'；
$（this）.closest（'tr'）.next（'tr'）.remove（）；//删除下一个tr
$（this）.closest（'tr'）.replaceWith（newdata）；//替换当前tr
});

第一单元
第二单元
第三单元
替换行
1a
2a
3a
第四单元
第五单元
第六单元
替换行
4a
5a
6a
第七
第八
第九
替换行
7a
8a
9a
是吗？你的答案似乎已经涵盖了这一点。我问了一个类似的问题，你给了我一个很好的答案，但我现在正在努力解决如何替换两行表格。你的意思是一次单击两行吗？是的，两行。第二行最终将被隐藏（它将在单击时显示）。我只是想不出替换这两行的正确方法，并且对正确的方法感到非常困惑。
$('#data_table').on("click", ".add-row", function() {


   var newdata= '<tr class="table"><td></td><td class="prod">10</td><td class="prod">11</td><td class="prod">12</td><td><button type="button" id="btn1" class="add-row">Replace Row</button></td></tr><tr class="table_hidden"><td></td><td>a</td><td>b</td><td>c</td><td></td></tr>';

   $(this).closest('tr').replaceWith(newdata);


    });