2016-10-21 4 views
0

Например, у меня есть эта функция JQuery:

function example(){ 

    var trigger = $('.image'); 

    trigger.each(function(e){ 
    // here I want to change the background color of the :after pseudo-element 
    $(this:after).css('background-color', 'red'); 
    //^the above obviously doesn't work 
    }); 

} 

Как я могу добавить, изменить или удалить CSS атрибуты псевдо-элемента $(this)?

+0

Джейсон, это не дубликат. Дубликат просто просит изменить содержимое псевдоэлемента. Я хочу изменить атрибуты CSS –

+1

Переключить класс и использовать соответствующее правило CSS для обработки псевдоэлемента, например '$ (this) .addClass ('red');' и в CSS '.image.red: after {background- color: red;} ' –

ответ

0

Вы не можете обработать псевдоэлемент «: after», потому что не существует в DOM (тот же: для). Но вы можете создать его с помощью этого:

$(element).after(); 

А потом справиться с этим с JS.

Надеюсь, это сработает для вас!

+0

Как мне это обработать? : p –

+0

@MaartenWolfsen Попробуйте сохранить его в var и сделать что-то с этой переменной. –