Wie bekomme ich die aktuelle ul li Länge in Javascript, wenn ich versuchte, sie zu sortieren?

Question

<ul id="types" style="list-type:none;"> 

<li id="categories" style="list-type:none;">1 
<ul> 
    <li style="list-type:none;">1</li><br/> 
    <li style="list-type:none;">1</li> 
</ul> 
</li> 

<li id="categories" style="list-type:none;">2 
<ul> 
    <li style="list-type:none;">2</li><br/> 
    <li style="list-type:none;">2</li> 
</ul> 
</li> 

<li id="categories" style="list-type:none;">3 
<ul> 
    <li style="list-type:none;">3</li><br/> 
    <li style="list-type:none;">3</li> 
</ul> 
</li> 

</ul> 

Ich ziehe den li oben und nach unten, wenn ich so tue ich den Code geschrieben haben eine jquery _mouseStop Funktion (Ereignis, noPropagation) für den Aufruf)

in dieser Funktion Ich schreibe

var tagetNode = this.currentItem[0].parentNode.id 

if (this.element[0].id == "categories") { 
    var targetlistlength = document.getElementById(targetListId).getElementsByTagName("li").length; 
    // var targetlistlength = this.parentNode.getElementsByTagName("li").length; 
    var PageIds = ""; 
    for (var i = 0; i < targetlistlength; i++) { 
     PageIds += document.getElementById(targetListId).getElementsByTagName("li")[i].getAttribute("value") + ","; 
    } 

} 

, wenn ich das Kind li bin Sortierung ist die obige Funktion aufgerufen, aber es ist immer das erste Kind ul ersten li Länge immer nur .. ich möchte die aktuelle Länge der ul li die i

zu sortieren versuche ich habe mit der co versucht mmented Linie auch die Länge von li aber iam immer Fehler zu erhalten, wie this.parentNode nicht definiert ist

jemand bitte mir vorschlagen, was ich

Answer 1

tun Da es keine Arbeits Demo verfügbar ist, können Sie überprüfen, was Sie bekommen, wenn Sie verwenden console.log($(this)); innerhalb dieser Funktion, wenn das mouseStop-Ereignis in der Konsole auftritt. Wenn Sie die erwartete li in der Konsole erhalten, können Sie den folgenden Code ausführen, um die Länge der Childs des übergeordneten Elements zu erhalten.

alert($(this).parent().children().length); 

Answer 2

Es darf nicht mehrere Elemente mit derselben ID geben. Versuchen Sie, sie durch Klassen zu ersetzen oder sie einzigartig zu machen.

Die if-Bedingung die folgende sein könnte, wenn Sie eindeutige IDs (zB Kategorien-1, Kategorien-2, ...)

if (this.element[0].id.match("^categories") != null) { ... } 

Oder wenn Sie Klassen verwenden, die if-Bedingung sein könnte:

if (this.element[0].className.match("(^|)categories(|$)") != null) { ... }