Ваше мнение важно для нас.
Поделитесь своими предоложениями и пожеланиями.

Можно ли как-то выбирать/изменять псевдоэлементы CSS с помощью jQuery?


То есть, у меня есть css-правило:

.span:after{ content:'foo' }


Можно ли, и если да, то как поменять "foo" на "bar" в jQuery?
0

Ответы

0
Ссылка
Вы можете также передать содержимое псевдоэлементу с помощью data-атрибута и потом изменять его с помощью jQuery:

HTML:

<span>foo</span>


jQuery:

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


CSS:

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


Если вы не хотите, чтоб текст "other text" отображался, до того как будет определен data-content, можете применить следующий подход:

HTML:

<span>foo</span>


jQuery:

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


CSS:

span.change:after {
content: attr(data-content) ' any other text you may want';
}
0
Ссылка
Дайте ссылку на спецификацию, где описано, использование функции attr для установки значениея поля content? Мне кажется странным, что я раньше с этим не сталкивался...
Для того, чтоб отвечать на вопросы или зарегистрируйтесь.
ИТ-цитата
"В языке C очень просто прострелить себе лодыжку. В C++ это сложнее, но если это все же случится Вам оторвет всю ногу."
Бьёрн Страуструп