how to count a tag

Question

I want to count a tag but how? class = "card-body p-0" > class = "wizard wizard-1" id= "mainform" data-wizard-state= "step-first" data-wizard-clickable= "false" > class = "wizard-nav border-bottom" > class = "wizard-steps p-8 p-lg-10" > class = "wizard-step" data-wizard-type= "step" data-wizard-state= "current" > class = "wizard-label" > class = "wizard-icon flaticon-bus-stop" > class = "wizard-title" >1. Step class = "wizard-step" data-wizard-type= "step" data-wizard-state= "pending" > class = "wizard-label" > class = "wizard-icon flaticon-list" > class = "wizard-title" >2. Step class = "wizard-step" data-wizard-type= "step" data-wizard-state= "pending" > class = "wizard-label" > class = "wizard-icon flaticon-responsive" > class = "wizard-title" >3. Step class = "wizard-step" data-wizard-type= "step" data-wizard-state= "pending" > class = "wizard-label" > class = "wizard-icon flaticon-responsive" > class = "wizard-title" >4. Step class = "wizard-step" data-wizard-type= "step" data-wizard-state= "pending" > class = "wizard-label" > class = "wizard-icon flaticon-responsive" > class = "wizard-title" >5. Step

Sachin Singh · Answer

sorry i had a typo error it was i not li var total = $( ".wizard i" ).length; console.log( "total:" + total); output=5 , also i noticed you have three unclosed div tags close all properly.

Mageshwaran R · Answer

Use jquery ".length" it gives you length of the all tags in html page. Example: Script: $( "button" ).click( function (){ console.log($( "li" ).length); }); HTML: head > script src = "//code.jquery.com/jquery-1.11.1.min.js" > script > meta charset = "utf-8" > title > Count the number of specific elements title > head > body > ul > li > List - 1 li > li > List - 2 li > li > List - 3 li > ul > button > Display the number of li elements in console button > body >

Jignesh Kumar · Answer

Hi Rahul, Please use this one to get desire result, var total = $( "div i" ).length;

------- · Answer

give wrong answer var total = $( ".wizard li" ).length; console.log( "total:" + total); console log browser total:2 give wrong output help

Sachin Singh · Answer

use length property var count=$( ".wizard li" ).length; make sure you have reference jquery in your page

Harshal Limaye · Answer

You can the count by simply targeting all the tags with JavaScript's querySelectorAll method. console.log(document.querySelectorAll( '.wizard i' ).length) // output: 5

how to count a <i></i> tag