Question

我使用内联编辑器编辑css类，当进行更改时我希望删除类定义并再次添加它，用户也可以选择使用它删除元素，因此我需要删除定义。

使用此代码添加作品：

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

但是我似乎无法删除插入页面头部的这个类，如下所示：

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

Answer 1

创建样式标记：

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

删除

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

Answer 2

我会将元素存储在一个对象中：

var styles = {};

...

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

您可以轻松删除样式标记：

styles[some_identifier].remove();

Answer 3

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

使用jQuery，如何将动态添加的类删除到页面的头部

3 个答案: