通過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只是爲了證明表格正在消失。