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>
<< Anterior Jquery – Efeito de digitação animado usando o exemplo js digitado com demo
Deixe um comentário