Javascript jQuery：计数子项，显示为字符串

我正在尝试做一些我认为相当简单的事情。在页面加载时，我想计算

ul

的所有子级，然后将该数字显示为字符串。以下是我目前掌握的代码：

jQuery

$('ul').load(function() {
    var txt = "1" + "/" + $("> *", this).length;
    $(".counter").html( txt );
});

HTML

<ul>
    <li><img alt="Photo" src="images/photo.png" /></li>
    <li><img alt="Photo" src="images/photo.png" /></li>
    <li><img alt="Photo" src="images/photo.png" /></li>
</ul>

<p class="counter"></p>

---

因此在本例中，一旦页面加载，

p.counter

将包含字符串“1/3”。不确定我在这里做错了什么。

为什么不数一数文档准备就绪上的项目

$(document).ready( function() {
    var txt = "1"+ "/" + $("ul li").length;
    $(".counter").html( txt );
});

---

示例：

首先，我假设您指的是特定的唯一ul。在这种情况下，您可能希望为其提供一个id，以避免在页面上出现其他uls时发生冲突（以下列为“ulid”）。您可能也希望对计数器执行同样的操作，但是如果您可以确定您没有在其他地方使用该类，那么您就可以了

$(document).ready(function () {
    var txt = "1/" + $("#ulid").children().length()
    $("p.counter").html( txt );
}

---

$（ul）

应为

$（'ul'）

，列表元素不会触发

加载

事件。只需在

ready

事件处理程序中进行计算。当然。。。我不知道为什么我没有想到这一点。非常感谢。在我的情况下，它将是页面上唯一的

ul

，因此我可以不使用类就离开。