javascript - 使用 html 从变量中删除样式标签

标签 javascript jquery html css

我有一个包含大量 html 和内联 style 标记的变量。我想从此 html 变量中删除所有 style 标记。 我已经使用过它,但它返回一个对象,并且我无法从该对象获取所有 html。我认为它只适用于单个 html 元素。但我在这个 html 中有很多段落和跨度。

jQuery(content).removeAttr('style');

我们将非常感谢您的帮助。

最佳答案

var content = `
<div style="float:left;width:75%;padding-left:30px;">
  <input type="text" name="search" id="search" autocomplete="off" placeholder="Type your Search..." style="width:95%;height:84px;border:solid 0px #fff;background-color:#fff;font-family: 'Open Sans', sans-serif;font-size:30px;font-weight:300;text-transform: uppercase;-moz-box-shadow: 0 0 0 rgba(0,0,0,0);-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);">
</div>	
<div style="padding:40px 10px 0 0;">
  <div class="hide_1024">PRESS ENTER</div><div class="show_1024">&nbsp;</div>
	<div class="closeDark" onclick="closeSearch();"></div>
</div>	
<div style="clear:both;"></div>
`;


content = jQuery('<div>' + content + '</div>').find('*').removeAttr('style').end().html();

console.log(content);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

关于javascript - 使用 html 从变量中删除样式标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48453001/

相关文章:

javascript - ng-show 不适用于 Angular 项目

jquery - jQuery Mobile 中的底部导航栏看起来像 iPhone 导航栏,可能吗?

html - 媒体查询不适用于 chrome 模拟器,但不适用于实际屏幕

jquery - 当标题元素使用固定位置时使用 anchor 标记

javascript - 以模式显示搜索栏查询结果

javascript - 无法让 Jquery Tabs 按需要工作

javascript - 条件赋值和 ECMAScript 提议的对象扩展语法

javascript - 如何格式化值数组以形成 google-charts 直方图的分布?

javascript - 让 get() 返回一个 jQuery 对象

javascript - 用于 Jquery 开发的 IDE