Cómo utilizar JQuery para manipular contenido antes o después de elementos de pseudodocumento CSS
::before, ::after son pseudoelementos en lugar de elementos DOM, por lo que jquery no puede seleccionar pseudoelementos.
Si realmente necesitas modificar el estilo del pseudoelemento, puedes hacerlo a través del siguiente ejemplo. lt;!DOCTYPE?htmlgt;
lt;html?lang="es"gt;
lt;headgt;
lt;meta?charset=" UTF-8"gt;
lt; titlegt.zhou2003737lt;/titlegt;
lt; style?type="text/css"gt;
p {
color:?deepskyblue;
}
p:before{
contenido:?attr(data-beforeContent);
color:?darkskyred;
}
lt;/stylegt;
lt;/headgt
lt;bodygt;
lt;p?data-beforeContent="test"gt;1111lt;/pgt;
lt;/bodygt;
lt; script?src="jquery.min.js"gt;lt;/scriptgt;
lt;script?type="text/javascript"gt;
$(función() {
lt;
$('p').on('clic', función(){
¿cambiar?(veces){ p >
caso?
$(this).attr('data-beforeContent','Tienes razón en todo');
veces;
break;
case?1:
$(this).attr('data-beforeContent', '¿Por qué no vas al cielo si eres tan tonto? ');
veces;
descanso;
caso?2:
$(this).attr('data- beforeContent ', 'Tienes razón en todo');
veces;
romper;
caso?:
$( esto ).attr('data-beforeContent', 'Entonces ve al cielo');
veces ;
descanso
predeterminado?:
times?=0;
$(this).attr('data-beforeContent', 'Tienes razón');
times;
romper;
}
});
});
lt;/scriptgt;
lt;/htmlgt;