Javascript 从表中删除所有图像，然后将其插入

我有以下HTML表格：

<div class="someClass" id="someID">

<!-- Move all images inside the td's  here -->

<table cellspacing="0" cellpadding="0" style="width:100%;border-collapse:collapse;" id="mainTable">
    <tbody>
        <tr>
            <td align="center">
                <img width="127" height="191" border="0" src="Images/9.jpg" class="bvz_beeldthumb">
            </td>
            <td align="center">
                <img width="127" height="191" border="0" src="Images/10.jpg" class="bvz_beeldthumb">
            </td>
        </tr>
        <tr>
            <td align="center">
                <img width="127" height="191" border="0" src="Images/11.jpg" class="bvz_beeldthumb">
            </td>
            <td align="center">
                <img width="127" height="191" border="0" src="Images/12.jpg" class="bvz_beeldthumb">
            </td>
        </tr>
        ....
    </tbody>
</table>

我想要的是通过每个td，删除图像并将其插入表格之前。然后把整个桌子移走。 最好的方法是什么

---

谢谢。

你可以试试类似的东西

$'mainTable img'。在'mainTable'之前插入 我让这个工作：

文档准备就绪意味着当文档准备就绪时，将触发代码。

---

它会在页面上找到所有具有bvz_beeldtumb类的图像，并将其移动到div someClass。之后，它将删除表。

您可以使用jQuery并使用每个元素迭代所有td元素，并将td中的所有图像移动到表之前

$('td').each(function(){
$('img').insertBefore('table');
$('table').hide();
});

试试这个

我希望这对你有帮助

$('td').each(function(){
$('img').insertBefore('table');
$('table').hide();
});

$("#mainTable td").each(function() {
    var Img=$(this).find("img");
    $("#someID").prepend(Img);//here element 'id' in which you want to put these images.
    $(this).find("img").html('');
});