2012-01-25 16 views
0

我有這樣的HTML標記的背後,爲什麼列表項左使用jQuery選擇

<ul> 
    <li id="inspectionItem">blah</li> 
    <li id="inspectionItem">blah</li> 
</ul> 

當我這樣做jQuery中,

$("#inspectionItem").remove(); 

它只是從列表中,我們將刪除的第一個項目留下這個,

<ul> 
    <li id="inspectionItem">blah</li> 
</ul> 

我認爲我選擇的選擇器的想法是,它會選擇所有的列表項目是否匹配?

我剛剛學習jquery,所以我不太熟悉原因。有沒有人有這樣的調試技巧?

+0

嘗試。然後執行:$(「。inspectionItem」)。remove(); ..它工作嗎? – shadesco

+0

任何體面的html編輯器都會抱怨多個相同的Id字段。 – asawyer

+0

在這裏,@Rob Hruska在我面前說了幾秒鐘。 – shadesco

回答

5

id屬性在整個文檔中應該是唯一的。由於您擁有多個元素,因此具有相同的id,這種行爲將是不可預測的。

我建議將它們改爲類,例如

<ul> 
    <li class="inspectionItem">blah</li> 
    <li class="inspectionItem">blah</li> 
</ul> 

對於使用類= 「inspectionItem」,而不是ID

$(".inspectionItem").remove(); 
+0

是的,你可以看到我只是在學習。你指定的那個類是否必須在CSS中,我想不是。 – peter

+0

@peter - 'class'es可以用於CSS樣式之外的許多事情。沒問題,你正在學習,你來對地方了。 :) –

+0

不,它不需要..它只是用作選擇器。 – Baz1nga

相關問題