替换 HTML Dom 对象中的表格

Question

是否可以选择具有特定 bgcolor 的表格并将其替换为新表格？

$message 是我的 DOM 对象，其中包含具有下表的 html 通讯。

<table width="100%" bgcolor="#EEEEEE">
  some rows and columns
</table>

我希望用 $new_table 替换它，其中

$new_table = '<table width="100%" bgcolor="#EEEEEE">
                new rows and columns
             </table>';

Answer 1

您可以向表中添加一个类，然后使用 jQuery 选择器清空表并添加新列：

 <style> .backGroundGray{ background-color: #EEEEEE; } </style> <table width="100%" class="backGroundGray"> <tr> <td> some rows and columns </td> </tr> </table> <script> jQuery(document).ready(function(){ //Using jQuery var new_table = '<table width="100%" class="backGroundGray"><tr><td>new rows and columns</td></tr></table>'; $('table.backGroundGray').empty().html(new_table); }); </script>

这是一个 JSFiddle： http : //jsfiddle.net/sbritton/7Zd9f/