Question

我想从范围或 div 或 ...

中删除内联样式

<span style="font-size: 8pt;">some texts</span>

我可以使用jQuery从 span 中删除 font-size 吗？

Answer 1

如果您要删除整个style属性，则可以使用removeAttr('style');

$('span').removeAttr('style');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span style="font-size: 8pt; color: #c00;">some texts</span>

如果要在保留其他内联样式的同时将设置重写为默认设置，请使用css('font-size', 'inherit');

$('span').css('font-size', 'inherit');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span style="font-size: 8pt; color: #c00;">some texts</span>

Answer 2

如果要完全删除任何html元素中的内联样式。

你可以使用jQuery提供的removeAttr方法。

$('span, div').removeAttr('style');

Answer 3

删除内联样式

$('span').removeAttr('style');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span style="font-size: 8px; color: red">some texts</span>

更新css中的多个属性

$('span').css({
  'font-size' : '20px',
  color: 'blue'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span style="font-size: 8pt;">some texts</span>

使用css

更新单个属性

$('span').css('font-size', '20px');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span style="font-size: 8pt;">some texts</span>

我可以用jQuery删除内联样式吗？

3 个答案: