jquery-Eltern/Kinder-Selektor für die Zählung <li>
Habe ich dieses Stück HTML -
<div id="fileTreeInviati">
<ul class="php-file-tree">
<li class="pft-directory">
<a href="#" class="" name="101">A006 - SOMETEXT (<span name="contaNew"></span>)</a>
<img src="./moduli/home/images/info.png" title="Informazioni Azienda" class="imgInfo"/>
<ul style="display: none;">
<li class="pft-file ext-png">
<a href="javascript:getInfoFile('4');" class="" id="4">cut.png</a>
</li>
<li class="pft-file ext-dll">
<a href="javascript:getInfoFile('27');" class="new" id="27">Safari.dll</a>
</li>
</ul>
</li>
<li class="pft-directory">
<a href="#" class="" name="102">A012 - SOMETEXT (<span name="contaNew"></span>)</a>
<img src="./moduli/home/images/info.png" title="Informazioni Azienda" class="imgInfo"/>
<ul style="display: none;">
<li class="pft-file ext-jpg">
<a href="javascript:getInfoFile('19');" class="new" id="19">04.jpg</a>
</li>
<li class="pft-file ext-dll">
<a href="javascript:getInfoFile('24');" class="new" id="24">Safari.dll</a>
</li>
</ul>
</li>
<li class="pft-directory">
<a href="#" class="" name="103">A014 - SOMETEXT (<span name="contaNew"></span>)</a>
<img src="./moduli/home/images/info.png" title="Informazioni Azienda" class="imgInfo"/>
<ul style="display: none;">
<li class="pft-file ext-txt">
<a href="javascript:getInfoFile('17');" class="new" id="17">acu.txt</a>
</li>
<li class="pft-file ext-dll">
<a href="javascript:getInfoFile('22');" class="new" id="22">Safari.dll</a>
</li>
</ul>
</li>
</ul>
Arbeite ich an ein js-snippet, dass der Zyklus durch alle "a" von "li" und prüft, ob es die Klasse "neu" wenn ja Inkrementieren eines Zählers um eins. Dieser Zähler hat jetzt gedruckt werden, die auf die relative "li" "span" - 3-Ebene vor.
Also ich habe die Nummer des Elements mit der "neuen" Klasse.
Das js-snippet ist diese
$("#fileTreeInviati .php-file-tree .pft-directory li").each(function(){
$(this).children("a").each(function(i,e){
if ($(e).hasClass("new")){
cont++;
console.log($(e).text());
$(this).parent().parent().parent().children("a").children("span").text(cont);
}
})
cont = 0;
});
Ich glaube, ich bin fast da, aber der Zähler ist immer 1. Ich denke, es ist etwas Durcheinander mit sich .Kinder, vielleicht kann Sie behandeln nur das erste vorkommen?
Danke für die Hilfe
Du musst angemeldet sein, um einen Kommentar abzugeben.
Warum nicht einfach
.length
statt?Update:, Wenn Sie zählen möchten jeden
li
element separat, verwenden Sie diese:OK, ich herausfinden, wie die Magie:)
Hier ist es:
Nun funktioniert alles perfekt. Wenn Sie denken, dies tun können, einen besseren Weg, laß mich wissen.
Bye