通过jQuery删除TABLE，TR，TD标签

Question

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

即下面是我的表代码包含图像，我想删除图像周围的表，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

Working Fiddle

var img = ""; 
$("td").each(function(){ 
    img = img + $(this).html(); 
}); 

$("#Gallery").append(img); 
$("table").remove(); 

Answer 2

试试这个：

$('#Gallery img').unwrap().unwrap().unwrap().unwrap(); 

Answer 3

$('#Gallery table').replaceWith(function(){ 
    return $(this).find('td *'); 
}); 

http://jsfiddle.net/ec46T/

Answer 4

尝试：

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

DEMO：http://jsfiddle.net/Ydsg9/

Answer 5

如果你只期待<td>元素中的内容，你应该是，你可以使用以下命令：

$(function(){ 
    var g = $('#Gallery'), 
    f = ''; 

    $('td', g).each(function(){ 
     f += $(this).html(); 
    }); 

    g.html(f); 

}); 

Answer 6

$("#Gallery img").each(function(){ 
    $("#Gallery").append($(this)); 
}); 
$("#Gallery table").remove(); 

http://jsfiddle.net/hescano/jGT5b/

Answer 7

的另一种方式这样做

 var gallery = $("#Gallery"); 
     var imgs = $("img", gallery).clone(); 

     $("table", gallery).remove(); 
     gallery.append(imgs); 

选择进行了优化和imgs变量还是要插在#Gallery

Answer 8

这里的图像是

var list = $('#Gallery table td *'); 
$('#Gallery').html(list.get()); 

您可以在这里发挥它的引用：http://jsfiddle.net/cockypup/Dehgf/2/

的CSS只是为了证明表格正在消失。