Imprimir Página - Cambiar el color de una palabra con jquery

Título: Cambiar el color de una palabra con jquery
Publicado por: yoelrodguez en 21 Febrero 2017, 21:15 pm

Hola a todos:

Tengo un texto dinámico que va rotando en el cual solo necesito cambiar de color determinadas palabras. Buscado en internet encontré este método de jquery contains pero lo que me esta haciendo es cambiándome el color a todo el div y no solo a palabra que quiero. Les dejo el código por si alguien me puede ayudar.

Saludos

Código:

		a2 = a[npal].split("|");
			$("#text1").html(a2[0]);
			setTimeout(function(){
				$("#text2").html(a2[1]);
				$("#text2:contains('folklore')").css("color", "red");

			},1000);

Este es el resultado que quiero:

Nota: Lo que quiere es que se me coloquen en rojo las que están en negrita y cursivas

Citar

Folklore
perezoso, mundial, sanar, bronquitis, folklore, valedero, influir, jinete, honor, folklore, lamentar.

Título: Re: Cambiar el color de una palabra con jquery
Publicado por: dato000 en 21 Febrero 2017, 23:50 pm

Código

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>contains demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 
  <style>
      .red {
          color:red
      }
</style>
</head>
<body>
 
<div>folklore 
perezoso, mundial, sanar, bronquitis, folklore, valedero, influir, jinete, honor, folklore, lamentar.</div>
 
<script>
 
var search = 'folklore';
$(document).ready(function () {
    $("div:contains('"+search+"')").each(function () {
        var regex = new RegExp(search,'gi');
        $(this).html($(this).text().replace(regex, "<span class='red'>"+search+"</span>"));
    });
});
 
</script>
 
</body>
</html>

Título: Re: Cambiar el color de una palabra con jquery
Publicado por: yoelrodguez en 22 Febrero 2017, 00:02 am

Muchas gracias me funciono perfecto.

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: yoelrodguez en 21 Febrero 2017, 21:15 pm