当我尝试对它们进行排序时，如何在javascript中获取当前ul li的长度？

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>

我在上下移动li时，像这样，我已经编写了调用一个jquery _mouseStop函数的代码（event，noPropagation）

我在写这个函数

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") + ",";
    }

}

当我对子li进行排序时，上面的函数被调用，但是它总是只获取第一个li长度的第一个子ul。我想要我要排序的当前ul li的长度

我也尝试过用注释行来获取li的长度，但是由于this.parentNode是未定义的，我会出错

任何人都可以建议我该怎么办

Answer 1

由于没有可用的演示程序，因此您可以检查使用console.log($(this)); 在控制台中发生mouseStop事件时，该函数内部。 如果您在控制台中得到了预期的li ，则可以执行以下代码来获取其父级的子级的长度。

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

Answer 2

不得有多个具有相同ID的元素。 尝试将它们替换为类或使其唯一。

如果您具有唯一的ID，则if条件可以为以下条件（例如，category-1，category-2，...）

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

或者，如果您使用类，则if条件可以是：

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