使用jQuery删除表格

Question

首先，我不确定是否会有任何简单而直接的答案来解决这个问题，但我想我会试试看。

我有这个代码很凌乱位：

<table cellspacing="0" cellpadding="2" border="0" width="100%"><tbody><tr><td><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><h3 class="ListItemNameLink"><a href="#">Elit eros pulvinar</a></h3></td><td class="ProductRef"> </td></tr></tbody></table></td></tr><tr><td/></tr><tr><td><a href="#"><img border="0" width="217" height="252" src="01.jpg" alt="01"/></a></td></tr><tr><td/></tr><tr><td>Price: <strong>£12.30 (Ex VAT)</strong></td></tr><tr><td/></tr><tr><td><table cellspacing="2" cellpadding="0" border="0" width="100%"><tbody><tr><td class="ProductDetailLink"/></tr></tbody></table></td></tr></tbody></table> 

这显然来自CMS和这个表是自动生成的。

我试图摆脱这种标记的，是这样的：

<div class="title"><h3><a href="#">Elit eros pulvinar</a></h3></div><div class="image"><a href="#"><img border="0" width="217" height="252" src="01.jpg" alt="01"/></a></div><div class="price">Price: <strong>£12.30 (Ex VAT)</strong></div> 

谁能帮助吗？

Answer 1

我想我明白了。这个功能帮助我删除了所有的表格。思想可能对某人有用。

jQuery.fn.unwrap = function (el) { 
return this.each(function(){ 
    $(this.childNodes).appendTo(this.parentNode); 
}); 

};

$('.banner tr, .banner td, .banner table, .banner tbody').unwrap().remove(); 

感谢