简单jquery长度返回错误值

这让我疯狂，我可能很愚蠢：）

转到此链接：

为什么本页返回“1”，应该是返回“4”。 有4个div的id等于“liste item”，为什么它只返回1？ 我的页面是由一个简单的php查询生成的，这是原因吗

我也试着用相同的页面测试这个问题，但是是静态的（html）：同样的问题 请点击此处：

---

谢谢

您只允许使用一个

id

元素。这可能就是原因。将其更改为

class

您只允许使用一个

id

元素。这可能就是原因。将其更改为

类

您不能复制ID。ID在DOM中应该是唯一的，并且jQuery选择器将只返回1，它是带有

列表项

的第一个元素

---

使用类而不是ID。

您不能复制ID。ID在DOM中应该是唯一的，jQuery选择器将只返回1，这是带有

列表项的第一个元素

使用类而不是ID。
HTML
页面中的ID应该是唯一的

如果您通过ID选择它，它将返回第一个出现的ID。它将不会进一步查看

在这种情况下，最好用
类替换它。

将
id=“liste item”
替换为
HTML
页面中的
id=“liste item”
id应该是唯一的

如果您通过ID选择它，它将返回第一个出现的ID。它将不会进一步查看

在这种情况下，最好用
类替换它。

将
id=“liste item”
替换为
class=“liste item”
您的问题是您正在使用需要使用类的id。根据定义，Id必须是唯一的。当您在jquery（或straight JS）中选择by Id时，您将只得到一个元素。把你的div改成

<div class='liste-item off'></div>
<div class='liste-item off'></div>
<div class='liste-item off'></div>
<div class='liste-item off'></div>



然后您将JS发送到
警报（$（“.liste item”）.length）
关于id和类选择器的教程可以在这里找到：
你的问题是你在需要使用类的地方使用id。根据定义，Id必须是唯一的。当您在jquery（或straight JS）中选择by Id时，您将只得到一个元素。把你的div改成

<div class='liste-item off'></div>
<div class='liste-item off'></div>
<div class='liste-item off'></div>
<div class='liste-item off'></div>



然后您将JS发送到
警报（$（“.liste item”）.length）
有关id和类选择器的教程可在此处找到：