简单的jquery长度返回坏值

时间:2012-12-06 20:46:57

标签: jquery

它让我发疯,我可能很愚蠢:)

转到此链接:http://www.willbegood.com/lab/whatup/list2.php?categ=4

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

我也尝试使用相同的页面测试它,但静态(html):同样的问题 点击此处:http://www.willbegood.com/lab/whatup/list3.html

由于

4 个答案:

答案 0 :(得分:1)

您只能使用一个id元素。这可能就是原因。将其更改为class

答案 1 :(得分:1)

您无法复制ID。 ID在DOM中应该是唯一的,jQuery选择器只返回1,这是liste-item的第一个元素。

使用class而不是ID。

答案 2 :(得分:1)

HTML页面中的

ID' 应该是唯一的。

如果您通过 ID 选择它,它将返回第一次出现 ID。它将不会进一步显示。

在这种情况下,最好用class.

替换它

id="liste-item" 替换为 class="liste-item"

答案 3 :(得分:1)

您的问题是您正在使用您需要使用课程的ID。根据定义,Id必须是唯一的。当您在jquery(或直接JS)中按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 alert($(".liste-item").length) 有关id和类选择器的教程,请访问:http://www.htmldog.com/guides/cssintermediate/classid/