exemplo simples de contar elementos filho em div usando jquery


Aqui você aprenderá o número de elementos do jquery count em div.

Vamos ver abaixo um exemplo simples de contar elementos filho em div usando jquery.

 

<!DOCTYPE html>
<html>
<head>
    <title>jquery count number of elements in div - itsolutionstuff.com</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
   
<h1>jquery count number of elements in div

</h1>
  
<div id="myDiv">
    <h1>Hi</h1>
    <p>Hello 1</p>
    <p>Hello 2</p>
</div>
  
<button class="btn1">Click Me!</button>
  
<script>
    $(document).ready(function(){
  
        $('.btn1').click(function(){
            var elementCount = $('#myDiv p').length;
  
            alert(elementCount);
        });
  
    });
</script>
  
</body>
</html>


 

Outro exemplo

 

<!DOCTYPE html>
<html>
<head>
    <title>jquery count number of elements in div - itsolutionstuff.com</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
   
<h1>jquery count number of elements in div</h1>
  
<div id="myDiv">
    <h1>Hi</h1>
    <p>Hello 1</p>
    <p>Hello 2</p>
</div>
  
<button class="btn1">Click Me!</button>
  
<script>
    $(document).ready(function(){
  
        $('.btn1').click(function(){
            var elementCount = $('#myDiv *').length;
  
            alert(elementCount);
        });
  
    });
</script>
  
</body>
</html>


 

 

Categoria: javascript | Tags: , , , , , | Postado por joemaster em 13/jul/2020

<< Anterior

Próximo >>

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *