Seleccionar elemento por su texto con jQuery
En el siguiente tutorial aprenderemos cómo seleccionar un elemento de texto por su contenido textual con jQuery
Vamos a utilizar el selector contains para localizar el elemento que contiene el texto
Ejemplo 1
Vamos a seleccionar una etiqueta con un texto
<!-- Elementos html -->
<div class="etiquetas">
<label>Texto de la etiqueta 1</label>
<label>Texto de la etiqueta 2</label>
<label>Texto de la etiqueta 3</label>
<label>Texto de la etiqueta 4</label>
</div>
<script>
// Obtenemos la etiqueta con el texto "Texto de la etiqueta 2"
let etiqueta = $("label:contains('Texto de la etiqueta 2')");
// Cambiamos el color del texto de esa etiqueta
etiqueta.css("color", "red");
</script>
Ejemplo 2
Vamos a seleccionar un elemento párrafo con un texto
<!-- Elementos html -->
<div class="elementos">
<p>Texto 1</p>
<p>Texto 2</p>
<p>Texto 3</p>
<p>Texto 4</p>
</div>
<script>
// Obtenemos el párrafo con el texto "Texto 3"
let elemento = $('p:contains("Texto 3")');
// Cambiamos el color del texto
elemento.css("color", "red");
</script>