jQuery kullanarak, dinamik olarak eklenen bir sınıfı sayfanın başına nasıl kaldırabilirim?

Question

Bir cSS sınıfını düzenlemek için bir satır içi düzenleyici kullanıyorum, bir değişiklik yapıldığında sınıf tanımını kaldırmak ve tekrar eklemek istiyorum. Bunu kullanarak öğeyi silme seçeneği tanımlamayı silmem gerek.

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

Answer 1

bir stil etiketi oluşturmak:

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

ancak aşağıdaki gibi sayfanın başında eklenir bu sınıfı kaldırmak gibi olamaz: Bu kodu kullanarak

ekleme çalışmaları :

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

kaldırmak için

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

Answer 2

Ben bir nesne biçiminde kaydedilmesi olacaktır:

var styles = {}; 

... 

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

Kolayca stil etiketi kaldırabilirsiniz:

styles[some_identifier].remove(); 

Answer 3

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