El selector :contains() en jQuery se usa para seleccionar elementos que contienen la string especificada.
Sintaxis:
$(":contains(text)")
Parámetros: este selector contiene texto de parámetro único que es obligatorio y se utiliza para especificar el texto que se va a buscar.
Ejemplo 1: este ejemplo usa el selector :contains() para seleccionar el elemento.
<!DOCTYPE html>
<html>
<head>
<title>jQuery :contains() Selector</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to use :contains selector -->
<script>
$(document).ready(function(){
$("h3:contains(is)").css("background-color", "green");
});
</script>
</head>
<body>
<center>
<h1 id="geeks1" style = "color:green;">GeeksForGeeks</h1>
<h2 id="geeks2">jQuery :contains() Selector</h2>
<h3>Who is your favourite Geek:</h3>
<div id="choose">
<h3>Geek 1</h3>
<h3>Geek 2</h3>
<h3>Geek 3</h3>
</div>
</center>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo utiliza el selector :contains() para seleccionar el elemento.
<!DOCTYPE html>
<html>
<head>
<title>jQuery :contains() Selector</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to use :contains selector -->
<script>
$(document).ready(function(){
$("h3:contains(Geek)").css("background-color", "green");
});
</script>
</head>
<body>
<center>
<h1 id="geeks1" style = "color:green;">GeeksForGeeks</h1>
<h2 id="geeks2">jQuery :contains() Selector</h2>
<h3>Who is your favourite candidate:</h3>
<div id="choose">
<h3>Geek 1</h3>
<h3>Geek 2</h3>
<h3>Geek 3</h3>
</div>
</center>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA