javascript - 使用 angular 或 javascript 删除 css 属性

Question

我有一个 div 类 <div class="filter-wrapper filter-name-of-hotel ">该类的 css 是这样的。

.filter-name-of-hotel:after {
    content: '\f002';
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: black;
    font-size: 23px;
} 

在 div 类中有一个文本框元素。当我单击该文本框时，我想从类中删除“内容”属性。这可能吗？

Answer 1

使用 2 个类:

.filter-name-of-hotel.withContent:after {
    content: '\f002'; 
}
.filter-name-of-hotel:after {
    font-family: 'FontAwesome'; 
    position: absolute; 
    bottom: 0px; 
    right: 10px; 
    color: black;
    font-size: 23px; 
}

现在只需在文本框内单击时删除类 withContent

$('#div').removeClass('withContent');