{"id":853,"date":"2020-07-13T16:50:16","date_gmt":"2020-07-13T19:50:16","guid":{"rendered":"https:\/\/www.joemaster.com.br\/tutoriais\/?p=853"},"modified":"2020-07-13T16:51:00","modified_gmt":"2020-07-13T19:51:00","slug":"exemplo-simples-de-contar-elementos-filho-em-div-usando-jquery","status":"publish","type":"post","link":"https:\/\/www.joemaster.com.br\/tutoriais\/exemplo-simples-de-contar-elementos-filho-em-div-usando-jquery\/","title":{"rendered":"exemplo simples de contar elementos filho em div usando jquery"},"content":{"rendered":"

Aqui voc\u00ea aprender\u00e1 o n\u00famero de elementos do jquery count em div.<\/p>\n

Vamos ver abaixo um exemplo simples de contar elementos filho em div usando jquery.<\/p>\n

 <\/p>\n

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


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


<\/center>\n
 <\/p>\n
 <\/p>\n
\n  Ap\u00f3s clicar em Copy ⇗
O código fica pronto para testar ou colar onde quiser no  CTRL+V<\/font>\n