Get the amount of CMS ITEMS IN A LIST

by mauro_nappolini

HTML

<div id="docNum">5</div>


<div id="document-ul" fs-cmssort-element="list" role="list" class="document-ul w-dyn-items">
<div role="listitem" class="document-li w-dyn-item"><div class="row-tr bg-white"><div id="w-node-f4b88409-7b5b-5bbd-d4c6-c21bde1cb92d-f9fce7ec" class="center-el is-first"><p class="detail-third-div-p dark">New name</p></div><div class="center-el"><p class="detail-third-div-p">Beschlußvorlage</p></div><div class="center-el"><p fs-cmssort-field="pub" class="detail-third-div-p">Bad Buchau</p></div><div class="center-el"><p fs-cmssort-field="year" class="detail-third-div-p">2017</p></div><div class="center-el"><p fs-cmssort-field="creator" class="detail-third-div-p">8</p></div><div class="center-el"><a href="google.com" target="_blank" class="button email-btn w-inline-block"><div class="text-block-10">Download</div></a></div></div></div><div role="listitem" class="document-li w-dyn-item"><div class="row-tr bg-white"><div id="w-node-f4b88409-7b5b-5bbd-d4c6-c21bde1cb92d-f9fce7ec" class="center-el is-first"><p class="detail-third-div-p dark">Umrüstung der Straßenbeleuchtung in Regensburg auf energieeffiziente LED-Technik</p></div><div class="center-el"><p class="detail-third-div-p">Beschlußvorlage</p></div><div class="center-el"><p fs-cmssort-field="pub" class="detail-third-div-p">Stadt Regensburg</p></div><div class="center-el"><p fs-cmssort-field="year" class="detail-third-div-p">2013</p></div><div class="center-el"><p fs-cmssort-field="creator" class="detail-third-div-p">4</p></div><div class="center-el"><a href="google.com" target="_blank" class="button email-btn w-inline-block"><div class="text-block-10">Download</div></a></div></div></div><div role="listitem" class="document-li w-dyn-item"><div class="row-tr bg-white"><div id="w-node-f4b88409-7b5b-5bbd-d4c6-c21bde1cb92d-f9fce7ec" class="center-el is-first"><p class="detail-third-div-p dark">Doc a </p></div><div class="center-el"><p class="detail-third-div-p">Beschlußvorlage</p></div><div...

JavaScript

let docNum = $("#document-ul").find(".document-li").length;


$( document ).ready(function() {
    $( "#docNum" ).html(docNum);
});