Seçmek için herhangi bir şekilde/::before ::after gibi pseudo-elements (ve bir noktalı virgül ile eski sürüm) jQuery CSS kullanarak manipüle var mı?

Örneğin, benim stil aşağıdaki kural vardır:

.span::after{ content:'foo' }

Nasıl değiştirebilirim '' 'bar' jQuery kullanarak? foo

Ayrıca bir veri özniteliği ile sözde öğesi içeriği pass ve jQuery bunu işlemek için kullanılabilir:

HTML:

<span>foo</span>

JQuery:

$('span').hover(function(){
    $(this).attr('data-content','bar');
});

CSS:

span:after {
    content: attr(data-content) ' any other text you may want';
}

Eğer 'metin' gösteren, bu gibi seucolega çözümü ile bu birleştirebilirsiniz: . engellemek istiyorsanız

HTML:

<span>foo</span>

JQuery:

$('span').hover(function(){
    $(this).addClass('change').attr('data-content','bar');
});

CSS:

span.change:after {
    content: attr(data-content) ' any other text you may want';
}