删除所有包含以下样式的类

Question

如何删除所有包含以下样式的类？

HTML

<div class="viewed" style="background:#F9F0D5">
   <div class="left">
        <span class="title">My </span>
            <p>MPA </p>
    </div>
    <div class="right">
        <span>5</span>
    </div>
</div>

代码示例

document.getElementsByClassName('viewed')[0].style.background:#F9F0D5)[0].remove();

Answer 1

Javascript解法Demo Fiddle:

var viewed = document.querySelectorAll('.viewed[style="background:#F9F0D5"]');

for(i=0;i<viewed.length;i++){
    viewed[i].classList.remove('viewed');
}

您已标记 jQuery，因此使用 jQuery 选择器，

$('.viewed[style="background:#F9F0D5"]').removeClass('viewed');

要删除元素，

$('.viewed[style="background:#F9F0D5"]').remove();

Answer 2

你好参考这个 https://plnkr.co/edit/FxemUZMAmEqo2oXvvMXN?p=preview

$(".viewed[style='background:#F9F0D5']").remove();

这是语法

$('div[style*=block]').removeAttr('style');

Answer 3

查看附加的片段。

$(".viewed").each(function() {
  var finalres=$(this).attr('style');
   $(this).removeClass('viewed');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="viewed" style="background:#F9F0D5">
  <div class="left">
    <span class="title">My </span>
    <p>MPA</p>
  </div>
  <div class="right">
    <span>5</span>
  </div>
</div>
<div class="viewed" style="background:#F9F0D6">
  <div class="left">
    <span class="title">My </span>
    <p>MPA</p>
  </div>
  <div class="right">
    <span>5</span>
  </div>
</div>

Answer 4

可能这就是您要找的东西？

$("*[style*='backlground:#F9F0D5']").removeClass()

首字母*可以用特定的选择器代替。但是如果你想删除包含样式的元素的所有类，或者对于你的示例 2 选项 1)

$("div[style*='backlground:#F9F0D5']").removeClass()

2)

$(".viewed[style*='backlground:#F9F0D5']").removeClass()

希望对你有帮助

删除所有包含以下样式的类

Remove all classes which contain following style

javascript

jquery

firefox

greasemonkey

删除所有包含以下样式的 类

Remove all classes which contain following style

javascript

jquery

firefox

greasemonkey

删除所有包含以下样式的类