jquery - 使用 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();

谢谢