使用JQuery的伪元素内容

Question

我正在尝试更改:after伪元素

上的箭头

我的css

legend:after {
    content: url('/html/img/arrow-fieldset-up.png');
}

我想用

改变

$('legend', selected_fieldset).attr('content','url(/html/img/arrow-fieldset-down.png)')

Answer 1

您无法使用jQuery选择伪元素。相反，您可以在CSS中添加一个类：

legend.selected:after {
    content: url('/html/img/arrow-fieldset-down.png');
}

然后在您想要更改内容时添加此类，例如单击图例时：

$('legend').click(function() {
    $(this).addClass('selected');
})