2016-06-27 3 views
-2

Как удалить все классы, которые содержат следующий стиль?Удалить все классы, которые содержат следующий стиль

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(); 
+0

Непонятно, что вы просите. Не могли бы вы добавить до и после HTML. – Buzzy

ответ

0

решение 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(); 
+0

Было бы неплохо включить чистый JS-ответ, если это возможно, потому что сообщение не делает * явным * упоминанием jQuery. Теги не всегда правы: ^) – Li357

+0

@AndrewL., Я знаю! Уже работает над этим. –

+0

совершенное спасибо .. –

0

Обратите внимание на прикрепленный фрагмент.

$(".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>

0

Может быть, это то, что вы ищете?

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

Начальная * может быть заменена специальным селектором. , но если вы хотите, чтобы удалить все классы для элемента, содержащего стиле использования или еще для примера 2 варианта есть 1)

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

2)

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

Надеюсь, вам это поможет

Смежные вопросы