使用伪元素，例如：after with $（this）

Question

例如，我有这个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)的伪元素？

Answer 1

你无法处理“：after”伪元素，因为它中的不存在（同样适用于：之前）。但您可以使用以下创建：

$(element).after();

然后用JS处理它。

希望它适合你！