Zählen Sie die <a> Tags in div + childs

Question

Ich habe ein Problem in Bezug auf jQuery. Ich muss die Anzahl der <a> Tags innerhalb einer div zählen. Jetzt kann dies einfach mit $('.classOfDiv > a').size(); getan werden. Aber ich muss die a in ein paar Kindern von classOfDiv zählen.

Ex.

<div class="classOfDiv"> 
    <div class="div1"> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
    </div> 
    <div class="div2"> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
    </div> 
    <div class="div3"> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
    </div> 
    <div class="div4"> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
     <a href="" class="link">Link</a> 
    </div> 
</div> 

$('.classOfDiv > a').size(); Mit dem Ergebnis von 12

Kann dies geschehen?

Vielen Dank im Voraus!

Answer 1

einfach die > vom Selektor entfernen, um alla Nachkommen von .classDiv zu bekommen, nicht nur die Direktfluege:

$(".classOfDiv a").length 

Answer 2

Die .classOfDiv > a Wähler werden nur die <a> Tags erhalten, die direkten Nachkommen von a sind <div class="classOfDiv">, so dass Sie Ihren Code ändern müssen:

$('.classOfDiv a').length; 

Hinweis der Mangel an > direkter Nachfahrenwähler.

Answer 3

Man könnte so etwas tun:

$('.classOfDiv > [class ^= "div"] > a').length 

ich eine Geige here