Índice

Los filtros de contenido

1. Un texto determinado

$(":contains(texto)")

Selecciona los elementos que contengan un determinado texto o fragmento de texto que se pasa como argumento.

Observe que el argumento texto distingue entre mayúsculas y minúsculas (case sensitive).

$("div:contains(Eni)"): selecciona las capas que contienen el texto "Eni".

Ejemplo:

Resaltamos los párrafos que contienen el fragmento de texto "Que".

images/2_6_1_v4.png
<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() { 
        $("p:contains(Que)").css("background", "#9cf"); 
    }); 
</script> 
<style> 
    p { 
        width: 300px; 
        border: 1px solid black; 
        padding: 10px; 
        margin-bottom: 0px; 
    } 
</style> 
</head> 
<body> 
<p>Que frameworks JavaScript</p> 
<p>Dinamizar los sitios web</p> 
<p>La sintaxis jQuery</p> 
</body> 
</html>

El archivo a descargar es el C02-6.1.html.

$("p:contains(Que)").css("background", "#9cf"); ...