Cambiar el color de una palabra con jquery

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

Cambiar el color de una palabra con jquery

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Cambiar el color de una palabra con jquery (Leído 3,023 veces)

yoelrodguez

Desconectado

Mensajes: 167

Es mejor, una amarga verdad que una dulce mentira

Cambiar el color de una palabra con jquery

« 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.


	En línea

dato000

Desconectado

Mensajes: 3.034

Re: Cambiar el color de una palabra con jquery

« Respuesta #1 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>


	En línea

yoelrodguez

Desconectado

Mensajes: 167

Es mejor, una amarga verdad que una dulce mentira

Re: Cambiar el color de una palabra con jquery

« Respuesta #2 en: 22 Febrero 2017, 00:02 am »

Muchas gracias me funciono perfecto.


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Cambiar color Diseño Gráfico	alkan	4	3,927	4 Enero 2006, 20:26 pm por alkan
	Cambiar palabra y ejecutar función [help] PHP	Erik#	8	2,895	24 Julio 2009, 19:14 pm por Erik#
	[Aporte] JQuery: Color Picker Desarrollo Web	AFelipeTrujillo	0	2,938	8 Enero 2011, 18:46 pm por AFelipeTrujillo
	como cambiar color de menu jquery? Desarrollo Web	L0Ko	2	3,810	15 Septiembre 2011, 00:36 am por L0Ko
	[Ayuda] Cambiar Color De Palabra En RichTextBox Y Que Se Envie Por Winsock Programación Visual Basic	Brian1511	4	4,410	10 Febrero 2015, 22:14 pm por Brian1511