2012-12-06 31 views
0

它讓我瘋了,我可能是愚蠢的:)簡單的jQuery長度返回錯誤值

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

爲什麼這個頁面返回「1」,它應該是迴歸「4 」。 有4個div的id等於「liste-item」,爲什麼它只返回1? 我的頁面是由一個簡單的php查詢生成的,這是原因嗎?

我也tryed使用相同的頁面,但靜態(HTML)來測試這一點:同樣的問題 入住這裏:http://www.willbegood.com/lab/whatup/list3.html

感謝

回答

1

您不能複製ID。 ID在DOM中應該是唯一的,jQuery選擇器只會返回1,這是liste-item的第一個元素。

使用類而不是ID。

1

你只能一個id元素。這可能是爲什麼。將其更改爲class

1

ID的HTML頁面應該是唯一的。

如果您通過ID選擇它,它將返回第一個出現的ID。它不會看得更遠。

在這種情況下,更好地用class.

來取代它替換id="liste-item"class="liste-item"

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/