Supprimer les tables avec jQuery

Question

Tout d'abord, je ne suis pas sûr s'il y aura une réponse simple et directe à cette question, mais j'ai pensé que je vais essayer et demander.

J'ai ce bit très salissant de code:

<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> 

Il vient évidemment d'un CMS et ce sont les tables autogenerated.

Ce que je suis en train de sortir de cette majoration, est la suivante:

<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> 

peut-elle aider quelqu'un s'il vous plaît?

Answer 1

Je pense que je trouve cela. Cette fonction m'a aidé à enlever toutes les tables. La pensée pourrait être utile à quelqu'un.

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

};

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

Merci