Замените таблицу на div, если содержимое таблицы соответствует определенному значению

Question

Я не могу понять это.

Мне интересно, как я могу условно изменить таблицу ниже на div.

<table border="0" cellpadding="0" cellspacing="0" width="100%"> 
<tr> 
    <td> 
    Text Here 
    </td> 
</tr> 
</table> 

Существует несколько таблиц. Только тот, который содержит указанный текст, должен быть заменен на div. И содержимое table должно быть заменено на замену div.

Я не уверен, что это можно сделать.

Answer 1

Вы можете использовать replaceWith метод:

$('table').replaceWith(function() { 
    return '<div>' + $(this).text() + '</div>'; 
}); 

http://jsfiddle.net/MHuns/

Если вы хотите, чтобы выбрать элемент таблицы, который имеет конкретное содержание текста, вы можете использовать filter метод:

$('table').filter(function(){ 
    return $.trim($(this).text()) === 'Text Here'; 
}).replaceWith(function() { 
    return '<div>' + $(this).text() + '</div>'; 
}); 

http://jsfiddle.net/MHuns/2/

И версия этого реализована как resuable JQuery плагин:

http://jsfiddle.net/87XhU/