Смежный селектор: после jquery

Question

Что было бы правильным способом выбрать следующие классы в jQuery. Мне нужно выбрать класс ввода и метку: после, но он не работает. Это селекторы, которые необходимо выбрать.

input.cmn-toggle-round-flat + label:after { 
    content: "C"; 
    line-height: 36px; 
    text-align: center; 
    top: 2px; 
    left: 2px; 
    bottom: 2px; 
    width: 36px; 
    color: #fff; 
    border-radius: 36px; 
    transition: margin 0.2s, background 0.2s; 
} 

Вот моя попытка селектор JQuery

var toggle = $("input.cmn-toggle-round-flat + label:after"); 
toggle.addClass("toggle-color3"); 

Answer 1

Вы не можете выбрать псевдо-элемент. Вы также не можете добавить класс к псевдоэлементу. Если вам нужно этикетке стиля: после того, как выберите метку, как это:

var toggle = $("input.cmn-toggle-round-flat").next("label"); 

добавить класс к нему:

toggle.addClass("toggle-color3"); 

, а затем использовать этот класс в вашем CSS:

label.toggle-color3:after { 
    content: "C"; 
}