如果表内容与特定值匹配，则将表替换为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/

它的一个版本作为可恢复的jQuery插件实现：

http://jsfiddle.net/87XhU/