2013-07-23 12 views
6

के सिर पर गतिशील रूप से जोड़े गए वर्ग को कैसे हटा सकता हूं, जब मैं परिवर्तन करता हूं, तो मैं सीएसएस कक्षाओं को संपादित करने के लिए एक इनलाइन संपादक का उपयोग करता हूं, मैं कक्षा परिभाषा को हटाना चाहता हूं और इसे फिर से जोड़ना चाहता हूं, उपयोगकर्ता भी इसका उपयोग कर तत्व को हटाने का विकल्प इसलिए मुझे परिभाषा को हटाना होगा।jQuery का उपयोग करके, मैं पृष्ठ

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

आप पूरे शैली ब्लॉक हटाने की कोशिश कर रहे हैं? या वह विशिष्ट शैली? –

उत्तर

10

एक शैली टैग बनाने:

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

लेकिन मैं इस प्रकार इस वर्ग जो पेज के सिर में डाला जाता है दूर करने के लिए प्रतीत नहीं कर सकते हैं:

जोड़ा जा रहा है इस कोड का उपयोग काम करता है :

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

दूर करने के लिए

+०१२३५१६४१०६
style.remove(); 
// or 
$('#myStyleTag').remove(); 
+0

यह जांचने के बारे में क्या है कि उस शैली में से 1 से अधिक पहले से ही सिर में है, और पिछले को हटा दें? – KeepMove

+1

@ स्टेववर्क्स - कुछ 'अगर ($ (' शैली ') की तरह। लंबाई> 1) ... ' – adeneo

2

मैंने किसी चीज़ में तत्वों की दुकान होगा:

var styles = {}; 

... 

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

आप शैली टैग आसानी से निकाल सकते हैं:

styles[some_identifier].remove(); 
0
$('#my_element').removeClass('hidden'); 
// also 
$('#my_element').addClass('hidden'); 
संबंधित मुद्दे