0

Dado el siguiente código:

$('.encabezado-subestilo').children().text('Quizá también te pueda gustar...');

¿Hay alguna forma sencilla de que la palabra "gustar" aparezca en un color concreto?

Gracias por adelantado.

1 respuesta 1

4

¿Por qué en vez de text() mejor usas html()? De esa forma puedes insertar un span con una clase o un style (si lo preferes). Algo como:

$(document).ready(function() {
  $('.encabezado-subestilo').children().html('Quizá también te pueda <span class="text-red">gustar</span>...');
});
.text-red {
  color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="encabezado-subestilo">
  <h3>Test</h3>
</div>

O:

$('.encabezado-subestilo').children().html('Quizá también te pueda <span style="color: #ccc;">gustar</span>...');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="encabezado-subestilo">
  <h3>Test</h3>
</div>

1
  • 1
    Buena respuesta pero para los ejemplos, stackoverflow-es cuanta con fragmentos ejecutables, en JS y HTML con ellos puedes agregar codigo ejecutable sin necesidad de poner enlaces que hacen lo mismo, aqui una ayuda es.stackoverflow.com/editing-help el 22 ene. 2021 a las 20:25

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.