Удалить таблицы с помощью 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();

Спасибо