En este artículo, veremos cómo establecer un borde alrededor de todos los elementos de la lista que son hijos de una clase específica de una lista desordenada usando jQuery. Esta tarea se puede realizar utilizando el método selector de niños().
selector de niños («padre> hijo»): como notará en el nombre en sí, toma dos argumentos y luego realiza la tarea. Selecciona todos los elementos secundarios especificados por un elemento secundario de los elementos especificados por el «padre». Aquí el padre es cualquier selector y el hijo es un selector para filtrar los elementos secundarios.
Ejemplo: coloca un borde alrededor de todos los elementos de la lista que son hijos de <ul class=”GFG”>.
HTML
<!doctype html>
<html lang="en">
<head>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body>
<ul class="GFG">
<h1 style="color: green;
text-align: center;">
GeeksforGeeks
</h1>
<li>DataBase
<ol>
<li>oracle</li>
<li>MySql</li>
<li>DB2</li>
</ol>
</li>
<li>Computer Networks
<ol>
<li>LAN</li>
<li>MAN</li>
<li>WAN</li>
</ol>
</li>
<li>Operating system
<ol>
<li>Linux</li>
<li>Mac</li>
<li>Windows</li>
</ol>
</li>
</ul>
<script>
$("ul.GFG > li")
.css("border", "2px dashed green");
</script>
</body>
</html>
Producción –
Publicación traducida automáticamente
Artículo escrito por volumezero9786 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA