En este artículo, veremos cómo encontrar todos los elementos secundarios de cada elemento de división de un documento HTML.
Para encontrar todos los niños en jQuery, simplemente puede usar el método .children() con el método .css( ) .
Métodos utilizados:
- .children(): Este método devuelve todos los hijos directos del elemento seleccionado.
- .css(): este método se utiliza para establecer o devolver una o más propiedades de estilo para los elementos seleccionados.
Acercarse:
- Cree la página HTML con varios elementos div con sus hijos.
- Usando el método .children() , encuentre los elementos secundarios del elemento de división.
- Usando el método .css() , aplique estilo a esos elementos secundarios del elemento de división.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-git.js">
</script>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width" />
<style>
body {
text-align: center;
font-size: 26px;
}
</style>
</head>
<body>
<h2 style="color: green">GeeksForGeeks</h2>
<p>This is a paragraph.</p>
<div>
<p>This is a paragraph within a division.</p>
</div>
<p>This is another paragraph.</p>
<div>
This is a <span>span</span>
element within a division.
</div>
<script>
$("div").children()
.css("background-color", " lightgreen");
</script>
</body>
</html>
Salida: en este ejemplo, primero hemos encontrado todos los elementos secundarios del elemento div y aplicamos la propiedad de fondo de CSS. Todos los elementos secundarios del elemento de división deben resaltarse en la página web.
