Как конкретно удалить класс, который добавил добавленный класс в jquery

Question

У меня есть несколько кнопок, которые удаляют аспекты списка классов, каждый список классов имеет одинаковое имя, но имеет добавленный класс, чтобы указать, какую категорию они являются, например.

<li class="alerts news"> </li> 
<li class="alerts weather"> </li> 
<li class="alerts sports"> </li> 

То, что я пытаюсь сделать, это когда специальная кнопка, которая удаляет, скажет «новости оповещения» и не снимая остальные предупреждения, как вы можете объяснить JQuery, что вы хотите только этот элемент с что добавленный класс должен быть удален.

JQuery -

$(document).ready(function() { 
    $(".button").click(function() { 
    if($(".toggle").hasClass("toggleOff")) { 

     $(".alerts").hasClass('News').remove(); 

     } 
    }); 
    }); 

hasClass, кажется, не работает, не может показаться, чтобы удалить какие-либо конкретные предупреждения, не снимая их всех. Любая помощь будет оценена по достоинству.

Answer 1

hasClass() возвращает логическое значение, оно не используется в качестве метода селектора

Изменить

$(".alerts").hasClass('News').remove(); 

Для

$(".alerts.news").remove(); 

Это удалит только alerts класс, который также имеет news класс