为什么使用JQuery Selector留下列表项目

Question

我有这个HTML标记,

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

当我在jQuery中执行此操作时,

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

它只删除列表中的第一个项目,我们留下这个,

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

我认为我使用的选择器的想法是它会选择匹配的所有列表项？

我只是学习jquery,所以我对原因不太熟悉.有没有人有这样的调试技巧？

Answer 1

id属性在整个文档中应该是唯一的.由于你有多个相同的元素id,行为将是不可预测的.

我建议将它们改为课程,例如

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

同

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