Aplicar estilo a un párrafo específico con JQuery



Tenemos el siguiente requerimiento:

En nuestros textos existen párrafos que comienzan con un guión o raya y deseamos ponerlos en negrita, por ejemplo:

Este es un párrafo anterior.

- Este es el texto -

Este es otro párrafo

Lo que tenemos que hacer primero es insertar la línea de jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Luego el script:

<script>
$( ".contenido p:contains('- ')" ).css( "font-weight","bold" );
</script>

Con esto le decimos a la página que busque el <p> con la clase .contenido y que comience con raya y espacio (- ) y le aplique el estilo css al texto tipo negrita (bold).

Hay que considerar que en lugar de la raya podría ser otro símbolo como un paréntesis, corchete, llave, signo de interrogación, etc.

Estos casos se pueden dar cuando la base de datos ya entrega texto con ese formato plano y editarlo en BD es muy tedioso y peligroso a simplemente no se puede acceder a el, entonces la solución es hacerlo con jquery. Este tipo de párrafos pueden ser canciones, poemas o hasta noticias, el límite es el ingenio.

El código se puede poner al final de la página sin ningún problema de funcionamiento.

Comentarios

Entradas populares de este blog

Superponer una imagen sobre otra con CSS

¿Ganas dinero en Facebook con Página, Grupo, Comunidad, etc?

Script para buscar palabras o textos en una página (html) con Jquery