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
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.
<!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>
Muchas gracias me funciono perfecto.