使用jQuery更改“：before”元素的内容

Question

我有以下css：

.example:before {
    content: " $ ";
    margin-left: 4px;
    color: #666;
 }

我想使用jQuery更改'content'。我用什么选择器来访问这个元素？

Answer 1

您无法使用Javascript直接访问:before或:after。我知道在运行时修改它们的唯一方法就是使用一个属性，但这种方法会让css首先添加内容失败....

<强> HTML

<div class="example" title=" $ ">Something in the div</div>

<强> CSS

.example:before {
    content: attr(title);    /* use the value of the title attribute */
    margin-left: 4px;
    color: #666;
}

<强>的Javascript

$(".example").attr("title", " £ ");

<强> working jsfiddle example

就像我说的那样，这种方式否定了:before选择器的全部要点，你也可以简单地使用Javascript预先添加一些东西。