javascript - JQuery 选择器选择性选择

Question

我有以下 HTML

<i class="up_icon" id="1" />
<p class="position">1</p>
<i class="down_icon" id="1" />

我可以选择 .up_icon#1，但不能选择 .down_icon#1

var u = $(".up_icon#1");     //=  [<i class=​"up_icon" id=​"1">​</i>​]

var d = $(".down_icon#1");   //=  []

我在这里缺少什么？

Answer 1

您不应该像这样重复 ID。 ID 在整个文档中应该是唯一的。

在您的情况下，您可以使用 jQuery 属性选择器功能。见下文，

<i class="up_icon" data-id="1"/>
<p class="position">1</p>
<i class="down_icon" data-id="1"/>

然后您可以通过 .up_icon[data-id=1] 和 .down_icon[data-id=1] 访问它们