Question

我想知道是否有任何方法可以从对象（p，ul，li等）中删除不需要的样式属性，因为某些原因我的客户决定将信息从word复制/粘贴到wysiwyg并且不打扰删除它附带的废话，我想知道jquery是否能做到这一点？

以下是输出代码的示例（根据他们复制/粘贴的内容而变化很明显）

<ul style="list-style-type: disc;">
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Residential Class 1/ New Buildings</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Residential Class 1/ Best Renovation</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Resorts, including apartments and aged care</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Public or Commercial Buildings</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Interior Fitout – Residential</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Interior Fitout – Commercial</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Outdoor Timber – Stand alone structures</li>
</ul>

思想？

我已经尝试在php中使用strip_tags（并允许使用p标签），但它带来了样式......即使这在PHP中可能会很好：）

Answer 1

只需使用css方法：

$("ul").css("list-style-type", "");
$("li").css("margin", "");
$("li").css("line-height", "");
$("li").css("font", "");

Answer 2

您可以通过以下方式删除所有样式：

$("#myelem").removeAttr("style");

如果您想删除特定样式，请参阅本主题中的the answer of user147767：

Remove CSS from a Div using JQuery

他写了一个很棒的功能！

使用jquery（或php）从对象中删除不需要的样式？

2 个答案: