mit jQuery, wie kann ich eine dynamisch hinzugefügte Klasse auf den Kopf einer Seite entfernen

Question

Ich benutze einen Inline-Editor zum Bearbeiten von CSS-Klassen, wenn eine Änderung vorgenommen wird Ich möchte die Klassendefinition entfernen und erneut hinzufügen, auch Benutzer hat Option, um das Element mit ihm zu löschen, also muss ich die Definition löschen.

Hinzufügen von Arbeiten mit diesem Code:

$("<style>").prop("type", "text/css").html("#my_element_"+MaxElements+" {"+ xCSSCode +"}").appendTo("head"); 

aber ich kann nicht scheinen, um diese Klasse zu entfernen, die in den Kopf der Seite wie folgt eingefügt:

<style type="text/css">#my_element_1 {border-radius: 12.5px; 
... 
}</style> 

Answer 1

einen Stil-Tag erstellen :

var style = $("<style />", { 
       id : 'myStyleTag', 
       type: 'text/css', 
       html: "#my_element_"+MaxElements+" {"+ xCSSCode +"}" 
}).appendTo("head"); 

entfernen

style.remove(); 
// or 
$('#myStyleTag').remove(); 

Answer 2

Ich würde die Elemente in einem Objekt speichern:

var styles = {}; 

... 

styles[some_identifier] = $("<style>", { 
    type: "text/css", 
    html: "#my_element_"+MaxElements+" {"+ xCSSCode +"}" 
}).appendTo("head"); 

Sie können den Style-Tag leicht entfernen:

styles[some_identifier].remove(); 

Answer 3

$('#my_element').removeClass('hidden'); 
// also 
$('#my_element').addClass('hidden');