1

Estou precisando saber a quantidade de divs que contem uma class especifica, pensei em buscar todos os css que tenho nas divs, assim ir eliminando até achar as divs com "has-error", só que não estou conseguindo achar quem exatamente tem a class "has-error"

Como fazer?

$(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)")) {

            }

        }
   });
});

O que fiz até agora.

Edit:

Como que marca solucionado para duas pessoas ao mesmo tempo? hhaha Valeu a todos

4
  • Não sei se eu entendi muito bem, mas não seria mais simples utilizar o Class Selector? Ficaria algo parecido com isso: $('div.has-error')... Você também poderia remover a 'div' e deixar somente a classe.
    – Randrade
    Commented 3/05/2018 às 17:40
  • Acredito que sim, mas não estou sabendo implementar, como ficaria no meu código? Commented 3/05/2018 às 17:42
  • 1
    var numItems = $('.item').length;
    – user60252
    Commented 3/05/2018 às 17:42
  • valeu cara, obrigado Commented 3/05/2018 às 18:10

2 Respostas 2

2

Você pode usar a propriedade jquery .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>

4
  • +1 pelo exemplo funssional. :D
    – Sam
    Commented 3/05/2018 às 18:11
  • @dvd grafia errada é fumssional com M, o n só precede ç
    – user60252
    Commented 3/05/2018 às 18:17
  • Aquele lance de $("#div1", "#div2") significa: buscar #div1 dentro de #div2... agora $("#div1, #div2") significa selecionar as duas ids.
    – Sam
    Commented 3/05/2018 às 19:58
  • Beleza, vou buscar uma aplicação de #div1 dentro de #div2 que nunca vi
    – user60252
    Commented 3/05/2018 às 20:21
1

Você pode fazer de uma forma simples com jQuery:

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

No caso acima irá encontrar apenas divs com a classe. Para contar qualquer, use:

$(".has-error").length

No seu código, ficaria:

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

Com JavaScript puro:

var erros = document.body.querySelectorAll("div.has-error").length;
2
  • kkkk, iguais né
    – user60252
    Commented 3/05/2018 às 17:49
  • @LeoCaracciolo a minha tá canônica rs
    – Sam
    Commented 3/05/2018 às 17:50

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .