Как найти количество классов CSS внутри DIV в JQuery

Question

Я хочу узнать количество определенных имен классов в моем html

, например, это мой html

<div class="main-element">

    <div class="child-element">
    </div>

    <div class="child-element">
    </div>

    <div class="child-element">
    </div>

</div>

Я хочу узнать количество имен классов child-element

Выходные данные должны быть 3

Как узнать количество в jquery?

это мой код jQuery

var i=0;
$(".main-element").each(function() {
   var element = $(this);
   if (element.hasClass("child-element")) {
    alert(i++);
   }
});