Question

我有一个菜单，在哪里 ul li a:before{content: "sth";}
如何使用jquery点击更改此内容，然后在第二次点击后将其放回原位等等？

Answer 1

根据MDN，

content属性还可以显示该元素的属性值。

示例：

content: attr('data-value');

因此，在您的情况下，使用jquery更改属性值，而不是尝试更改content css属性值。如果只是间接更改/切换属性值，content css属性值将会更改。

示例：

$('ul li a').click(function() {
    var self = $(this);
    var data = self.data('value');
    self.data('value', (data == "sth" ? data : "something else here"));
}

Answer 2

最简单的方法是创建相关的类。

即

CSS：

.content:before{
    content:"sth";
}

JS：

$("ul li a").click(function(){
    $(this).toggleClass("content");
});

See DEMO here.

Jquery：明确内容添加：在css之前

2 个答案: