从html页面中删除bgcolor和style属性

时间:2014-12-12 17:26:08

标签: javascript jquery html css

我有一个完整的html页面,但现在我必须将其过滤掉许多变化:

首先,我想从表格和正文标记中删除所有bgcolor和样式属性

我这样想:

$('#container').find("table").removeAttr("style");

这只是从表中删除样式但是如何从所有表,tr,td,th和body标签中删除

任何*类型的属性都可用于此,这可以用于此事,

5 个答案:

答案 0 :(得分:2)

$('#container').find("*").removeAttr("style");

答案 1 :(得分:0)

这样的事情应该有效:

$("boby,table,tr,td,th").removeAttr("style")

答案 2 :(得分:0)

您可以尝试使用表格:

$("table").attr("style"," ");

...

答案 3 :(得分:0)

body内的

div无效。你应该包括所有div& body标记的其他元素。您应该分别从正文中删除style。可以尝试使用添加所有必需的选择器。

$(document).ready(function () {
    $('body').removeAttr('style');
    $('#container').find('div, table, tr, td, th').removeAttr('style');
});

答案 4 :(得分:0)

这样做是为了确保table内的所有内容都被选中。

$('#container').find("table").removeAttr('style').find('*').removeAttr('style');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="container">
  <table style="border: 1px solid black;border-collapse: collapse; color: red;">
    <tr style="border: 1px solid black;border-collapse: collapse; color: red;">
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
    </tr>
    <tr style="border: 1px solid black;border-collapse: collapse; color: red;">
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
    </tr>
    <tr style="border: 1px solid black;border-collapse: collapse; color: red;">
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
      <td style="border: 1px solid black;border-collapse: collapse; color: red;">Text</td>
    </tr>
  </table>
</div>