2016-02-10 1 views
-3

Я пытаюсь удалить класс из DIV, но все, что я могу сделать, это добавить новый класс рядом с тем, который я пытаюсь удалить. Как полностью удалить fullpage-wrapper?jquery удалить класс из div

<script> 
    jQuery('#productPage').addClass('test3-test').removeClass('fullpage-wrapper'); 
</script> 
+0

Можете ли вы показать до и после, если вы просто используете 'removeClass (name)'? – Richard

+0

добавьте этот скрипт в $ (function() {// ваш код}); – demo

+0

Множество вопросов будет повышаться, как, вы завернули свой код в готовый блок dom ?, вы правильно связали библиотеку jquery? –

ответ

-1

Просто добавили некоторые комментарии, чтобы объяснить процедуру

$(document).ready(function(){ 
 
    $("#add").click(function(){ 
 
     $("#demo").addClass("demo"); //add class "demo" to div "demo" 
 
    }); 
 

 
    $("#remove").click(function(){ 
 
     $("#demo").removeClass("demo"); //remove class "demo" from div "demo" 
 
    }); 
 
});
.demo{ 
 
    background: red; 
 
height:50px; 
 
width:250px; 
 
    }
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 

 
</head> 
 
<body> 
 

 
<div id="demo">This is a demo</div> 
 

 
<button id="add">Add Class</button> 
 
<button id="remove">Remove Class</button> 
 

 
</body> 
 
</html>

+0

Что это? Как насчет некоторого текста, объясняющего ваш ответ, а не только сбрасывания кода? – j08691

+0

Я не уверен, что изменение однострочного добавления + удаления в два отдельных обработчика кликов имеет отношение к вопросу вообще. Они ясно знают, что 'addClass()' и 'removeClass()' существуют. –

0

Я думаю, вы должны поместить свой код JS в $(document).ready(function(){// here your js code});)

Как это ваше JS код будет Execute после загрузки вашей html-страницы.

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