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

Ankush

5y3.2k

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!!!

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Harshal Limaye5y ago
This will do the trick:
$('.pipe:first .mine').length
+2
Mageshwaran R5y ago
Hi Ankush,

please refer this link,

https://stackoverflow.com/questions/10105320/use-jquery-to-count-the-number-of-divs-inside-a-div
+2
Sachin Singh5y ago
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
+5
Ankush5y ago
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.
+2
Ronika Jency5y ago
Hi,

first div - add id property. with that you can achieve your requirement.

PF, below code for your reference.

var count = $("#mainpipe > .mine").length;
+2
Sachin Singh5y ago
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
+5
Ankush5y ago
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.
+2