Count number of divs with same class name in a specific div in jquery

Question

I have following divs div class = "Main" > div class = "pipe" > div class = "mine" > div > div class = "mine" > div > div class = "mine" > div > div > div class = "pipe" > div class = "mine" > div > div class = "mine" > div > div > div > var count = $(.pipe.mine).length; It counts all divs with class = "mine" and shows count as 5. but I want to only count divs with class = "mine" in upper div not both the divs Thanks in Advance!!!

Sachin Singh · Answer

you just have to play with children node like i have used first child of main among 2 , if main has 100 child and each of his child has 100 100 children then also you just need to give which child of Main and thats it. you can use nth child of jquery like $( ".Main .pipe:nth-child(30)" ) // the 30th child of Main div fo your scenario , this is the generic code var countt = $( ".Main .pipe:nth-child(2)" ).find( ".mine" ).length; //OP:- 2

Sachin Singh · Answer

The Main div has 2 Children with same class name , and you just want the count of children of first child of Main div so your code should be as below var count = $( ".Main" ).children( ".pipe" ).first().find( ".mine" ).length; // OP:- 3

Harshal Limaye · Answer

This will do the trick: $( '.pipe:first .mine' ).length

Mageshwaran R · Answer

Hi Ankush, please refer this link, https://stackoverflow.com/questions/10105320/use-jquery-to-count-the-number-of-divs-inside-a-div

Ankush · Answer

this works, but i have another question i.e. if there are many divs with class name pipe and inside that divs with class name mine, then how to do it.

Ronika Jency · Answer

Hi, first div - add id property. with that you can achieve your requirement. PF, below code for your reference. var count = $("#mainpipe > .mine").length;

Ankush · Answer

There are 2 divs with class name as "pipe" and inside that there divs with same class name "mine". I want to count the divs with class name "mine" in first div with class name "pipe". I don't want to count Divs with class "mine" in both the divs.