Know which div contains a specific class in jquery/javascript

Question

I need to know the amount of Ivs that contain a specific class, I thought I’d search all the css I have on Ivs, so I’ll eliminate until I find the Ivs with "has-error", only I can’t find out who exactly has the "has-error" class"

How to do?

$(document).on('click', "#btnSalvar", function () {

    var erros = 0;
    $("div").find('*').each(function () {
        var classe = $(this).attr("class");
        if (classe !== undefined) {
            if ($("" + classe + ":contains(has-error)")) {

            }

        }
   });
});

What I’ve done so far.

Edit:

How to brand solved for two people at once? hhaha Thanks to all

Answer 1

You can use the jquery property .length

var numItems = $('.has-error').length;

console.log (numItems);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="wrapper">
    <div class="has-error"></div>
    <div class="has-error"></div>
    <div class="has-error"></div>
    <div class="has-error"></div>
    <div class="has-error"></div>
    <div class="no-has-error"></div>
    <div class="no-has-error"></div>
</div>

Answer 2

You can do it in a simple way with jQuery:

$("div.has-error").length

In the above case you will find only divs with the class. To count any, use:

$(".has-error").length

In your code, you’d be:

$(document).on('click', "#btnSalvar", function () {
    var erros = $("div.has-error").length;
});

With pure Javascript:

var erros = document.body.querySelectorAll("div.has-error").length;