Pregunta básica, pero soy novato.
Deseo tener un contador de ciertos elementos en cada sección, pero no he podido realizarlo, hasta ahora llevo esto:
var seccion = $('section');
var cantidadSecciones = seccion.lenght;
var doc = $('body');
function hijos(){
var n = seccion.toArray().length;
var x = $('section a').toArray().length;
//var a = n.each.children("a");
console.log("hay "+ n +" Secciones y " + x + " Enlaces ");
seccion.find('h4').append(" (Hay " + x + " enlaces en esta sección)");
}
hijos();
<section>
<h4>Título</h4>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
</section>
<section>
<h4>Título</h4>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
</section>
<section>
<h4>Título</h4>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Enlace</a></li>
</ul>
</div>
</section>
<section>
<h4>Título</h4>
<div>
<ul>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
<li><a href="">Enlace</a></li>
</ul>
</div>
</section>
¿Que me recomiendan?