Cambiar el color de una palabra con jquery

yoelrodguez · 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 [Seleccionar]

		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

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

dato000 · 21 Febrero 2017, 23:50 PM

Código (html4strict) [Seleccionar]


<!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>

yoelrodguez · 22 Febrero 2017, 00:02 AM

Muchas gracias me funciono perfecto.

Test Foro de elhacker.net SMF 2.1

Cambiar el color de una palabra con jquery

yoelrodguez

dato000

yoelrodguez