jQuery

`.parent() / .children()`

parent() sube al elemento padre directo. children() baja a los elementos hijos directos. Ninguno de los dos busca mas alla de un nivel.

Vista previa

Codigo

ejemplo.html

<div id="caja" style="padding:10px;border:1px solid #999;">
  <p id="hijo">Hijo directo</p>
</div>
<p id="salida"></p>
<script>
  const totalHijos = $("#caja").children().length;
  $("#salida").text("La caja tiene " + totalHijos + " hijo(s) directo(s)");
</script>