用jQuery更改flaticon的类和css

Question

情况就是这样

<div id="idDiv">
    <span class="flaticon-edit23"></span>
</div>

要更改跨度的css，我必须这样做

#idDiv > span::before{
    position: relative;
    font-size: 26px;
    line-height: 60px;
    margin-left: 13px;
    color: white;
}

如果我单击#idDiv，我必须更改span的图标，还必须更改css跨度的一些参数(在本例中是字体大小)。

这可以正常工作，并正确地更改图标。

$("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13");

但是，我应该在选择器之前更改:的css，并尝试此(以及其他类似的组合)。

$("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13").find("span:before").css({"font-size":"36px"});

但是它不能正常工作

我该怎么做？谢谢

​

​

更新

这不管用

$("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13");
$("#idDiv").find("span:before").css("font-size","36px");

这不管用

$("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13");
$("#idDiv").find("span:before").css({"font-size":"36px"});

这不管用

 .new_class{font-size: 36px; } 
 $("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13");
 $("#idDiv").find("span:first").addClass("new_class");

这不管用

 .new_class > span::before{font-size: 36px; } 
 $("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13");
 $("#idDiv").find("span:first").addClass("new_class");

Answer 1

我不认为伪元素可以像您在这里所做的那样被选择和修改。

相反，您可以做的是定义两个不同的伪元素，它们中的任何一个都将基于span的CSS类得到应用。

例如：

#idDiv > span.flaticon-edit23::before{
    position: relative;
    font-size: 26px;
    line-height: 60px;
    margin-left: 13px;
    color: white;
}

#idDiv > span.flaticon-floppy13::before{
    position: relative;
    font-size: 36px;
    line-height: 60px;
    margin-left: 13px;
    color: white;
}

然后，只更改span的CSS类。

$("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13");

应该足够了..。

Answer 2

$("#idDiv").find("span:first").removeClass().addClass("flaticon-floppy13");
$("#idDiv").find("span:before").css("font-size":"36px");

也是

if (!$('.your class').val()) {
            $('#idDiv').val("flaticon-floppy13");
        } else {
            $('#idDiv').val("");
        }

或者只是删除{}，但最好将函数分开。我觉得他们不是一起工作的。

Answer 3

你也这样做过吗？

 .new_class{font-size: 36px !important; } 

$("#idDiv").find("span:first").addClass("new_class");