jquery - 哪个数字具有特定类的 div

Question

我想拥有类'currentWeek'的ul的数量（int）。我的 html 看起来像这样：

<div class="calendarContainer">
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <ul class="currentWeek">
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

这就是我所有 UL 的方法

var weeksCount = widget.find(".calendarContainer").children().length;

但我不知道怎么知道 currentWeek 是第三

非常感谢！

Answer 1

这个怎么样：

widget.find('.currentWeek').index()

引用.index文档：

如果没有参数传递给 .index() 方法，则返回值是一个整数，指示 jQuery 对象中的第一个元素相对于其兄弟元素的位置。

如果您需要获取该元素的自然数（不是从 0 开始的），您可能需要将 1 添加到结果中。

Answer 2

您可以使用index()方法来获取兄弟元素中元素的索引。它是零索引的，这意味着您将获得第一个元素的 0 和第二个元素的 1，依此类推。

现场演示

$('.currentWeek').index()

Answer 3

您可以使用index()：

$(".currentWeek").index();

如果您需要指定相对于您需要计数的元素，请使用：

$(".currentWeek").index(".calendarContainer ul");

两种方法都返回2，因为索引从零开始。