jquery - 通过jquery去除TABLE、TR、TD标签

Question

是否可以通过 jquery 删除“TABLE、TR、TD”标签，但不应删除表内的内容。

即下面是我的包含图像的表格代码，我只想删除图像周围的 table、tbody、tr 和 td 标签。

jquery 之前的代码

<div id="Gallery">
    <table>
      <tbody>
        <tr>
            <td><img src="image1.jpg"></td>
        </tr>
        <tr>
            <td><img src="image2.jpg"></td>
        </tr>
        <tr>
            <td><img src="image3.jpg"></td>
        </tr>
      </tbody>
    </table>
</div>

代码应该在jquery之后

<div id="Gallery">
    <img src="image1.jpg">
    <img src="image2.jpg">
    <img src="image3.jpg">
</div>

提前致谢!

Answer 1

尝试:

var gallery = $("#Gallery");
var contents = gallery.find("td, th").contents().detach();
gallery.find("table").remove();
gallery.append(contents);

演示: http://jsfiddle.net/Ydsg9/