Modifying css class with nth-child and :after pseudo using jQuery

Question

Is there any way to modify the css of nth-child with after pseudo?

 $(".product-block:nth-child(-n+6):after").css("background-color", "#" + col6);

The css of the element results in the black tab as you can see below (to the first six items), I'm making a theme switcher which is why I'm needing to do this.

Result of the element above

http://stackoverflow.com/questions/8095177/jquery-using-after-selector — Rob Sedgwick, Mar 26 '14 at 19:07
Maybe a better one - http://stackoverflow.com/questions/17788990/access-the-css-after-selector-with-jquery — Rob Sedgwick, Mar 26 '14 at 19:09
first one might be a bit of an overkill, second link has some good methods +1'd :) — john, Mar 26 '14 at 21:48

score 0 · Answer 1 · answered Mar 26 '14 at 22:19

0

I think your best bet would be to use .next();

$(".product-block:nth-child(-n+6)").next().css("background-color", "#" + col6);

answered Mar 26 '14 at 22:19

Zaichik

308
1
7

Modifying css class with nth-child and :after pseudo using jQuery

1 Answers1