Как удалить дочерний класс со своих родителей?

Question

Я пытаюсь удалить конкретный класс ребенка от многих других классов ...

HTML:

<div id="MainLogs"> 
    <span class="Pass"></span> 
    <span class="Failed"></span> <!-- remove this class --> 
    <span class="Information"></span>        
    <span class="Unknown"></span> 
</div> 

HTML, выше я, возможно, другие неизвестные классы, но я знаю точно, мне нужно удалить Failed класс ...

данные поступают от вызова AJAX ...

$.ajax({ 
    url: LogFile, 
    success: function (data) { 
     logInformation = $(data).find(".Failed").remove(); 
     alert(data); 
    } 
}); 

Answer 1

Если ваши данные возвращаются в виде строки, вам нужно будет преобразовать его в объект jquery, прежде чем вы сможете его изменить.

$.ajax({ 
    url: LogFile, 
    success: function (data) { 
     logInformation = $(data); 
     logInformation.find(".Failed").remove(); 
     alert(data); 
    } 
}); 

если вы просто хотите, чтобы удалить класс и оставить элемент позади, вы можете использовать

data.find("span").removeClass("Failed"); 

Answer 2

Вместо того, чтобы искать под data, поиск в документе:

$("#MainLogs").find(".Failed").remove(); 

Answer 3

Так это выглядит, как вы используете JQuery, вы могли бы, вероятно, сделать что-то же просто, как это?

$('.Failed').remove(); 

Если вы не означает, что вы просто хотите, чтобы удалить фактическое имя класса «Failed», так что класс = «»?

Answer 4

$ ("# MainLogs.Failed") удалить().

Удаляет пролом полностью. Использование .hide() вместо этого снимает его с дисплея.