Der Versuch, removeClass in jquery zu entfernen, schlägt fehl

Question

Ich versuche, die Klassen div1 und intro aus diesem HTML-Code zu entfernen.

Snippet Beispiel:

$(function() { 
 
    $('div').on('click', function() { 
 
    alert("Hello"); 
 
    $("div").removeClass("div1"); 
 
    $("p").removeClass("intro"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="div1">div 1</div> 
 
<div class="div2">div 2</div> 
 
<div class="div3">div 3</div> 
 
<div class="div4">div 4</div> 
 
<p class="intro">This is a paragraph.</p> 
 
<p class="intro">This is another paragraph.</p>

Nun, wenn ich auf dem div klicken ich hallo wach, aber div1 und Intro Klassen werden nicht entfernt. Irgendwelche Vorschläge, was mir hier vielleicht fehlt?

Update: Ich hätte Remove statt removeClass verwenden sollen. Fiddle sample.

Answer 1

Es scheint, das Problem war ein Missverständnis zwischen remove und removeClass. OP wollte ein Element aus dem DOM entfernen, und deshalb remove(), statt zu wollen verwenden sollte die Klasse mit removeClass()

jsfiddle

Answer 2

Sie der Auswahl p Elemente zu entfernen und zu versuchen, div1 und div2 Klassen zu entfernen sind auf div ‚s:

$(function() { 
 
    $('div').on('click', function() { 
 
    
 
    $("div").removeClass(function (index, className) { 
 
     return (className.match (/div[0-9]/g) || []).join(' '); 
 
    }); 
 
    $("p").removeClass("intro"); 
 
    }); 
 
});

.div1, .div2, .div3, .div4 { 
 
    border: 1px solid red; 
 
    } 
 

 
.intro { 
 
    color: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="div1">div 1</div> 
 
<div class="div2">div 2</div> 
 
<div class="div3">div 3</div> 
 
<div class="div4">div 4</div> 
 
<p class="intro">This is a paragraph.</p> 
 
<p class="intro">This is another paragraph.</p>

Answer 3

Wenn Sie schauen, um die Elemente aus dem DOM, führen Sie das Skript wie folgt zu entfernen:

$('div').on('click',function(){ 
 
    alert("Hello"); 
 
    $(".div1").remove(); 
 
    $(".intro").remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="div1">div 1</div> 
 
<div class="div2">div 2</div> 
 
<div class="div3">div 3</div> 
 
<div class="div4">div 4</div> 
 
<p class="intro">This is a paragraph.</p> 
 
<p class="intro">This is another paragraph.</p>

removeClass('intro1') wird entfernen Sie die intro Klasse Eigenschaft aus dem Objekt. remove() ist die Funktion, die es aus dem DOM selbst entfernt.