我有一个完整的html页面,但现在我必须将其过滤掉许多变化:
首先,我想从表格和正文标记中删除所有bgcolor和样式属性
我这样想:
$('#container').find("table").removeAttr("style");
这只是从表中删除样式但是如何从所有表,tr,td,th和body标签中删除
任何*
类型的属性都可用于此,这可以用于此事,
答案 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>