Javascript jQuery-将元素移动到html中的另一个位置

如何使用jQuery将带有类的

DIV

s

collapse

移动到另一个位置？我想将它们从

TD

s内部移动到

TR

s之后

我想更改以下内容：

<tbody>
    <tr class="">
        <td class="rozwin">
            <div class="collapse" id="collapseExample-2"> // original setting div
            </div>
        </td>
        <td class="mrkPoradaLp">2</td>
    </tr>

    <tr class="">
        <td class="rozwin">
            <div class="collapse" id="collapseExample-1">  // original setting div
            </div>
        </td>
        <td class="mrkPoradaLp">3</td>
    </tr>
</tbody>

//原始设置分区
2.
//原始设置分区
3.

为此：

<tbody>
    <tr class="">
        <td class="rozwin"></td>
        <td class="mrkPoradaLp">2</td>
    </tr>
    <div class="collapse" id="collapseExample-2"> // move to this location
    </div>

    <tr class="">
        <td class="rozwin"></td>
        <td class="mrkPoradaLp">3</td>
    </tr>
    <div class="collapse" id="collapseExample-1">  // move to this location
    </div>
</tbody>

2.
//移动到此位置
3.
//移动到此位置

使用并使用删除不需要的内容。

这将实现以下功能：

$('.collapse').each(function(){
    $(this).insertAfter($(this).parents('tr'));
});

编辑

下面是保留有效HTML的注释中的代码：

$('.collapse').each(function(index){ 
    $('<tr><td id="collapse_' + index + '" colspan="2">').insertAfter($(this).parents('tr'));
    $(this).appendTo('#collapse_' + index);
});

$（'.collapse'）。每个（函数（索引）{
$（''）.insertAfter（$（this.parents（'tr'））；
$（this）.appendTo（“#collapse”+索引）；
});

---

英语亲爱的………您是否意识到这将产生无效的HTML结构并可能导致问题？将

div

包装在