javascript - JS id 区分大小写表现出来

Question

我正在开发一个网站，该网站包含两个具有相同“id”(但大小写不同)的元素，即“freeshipping”与“freeShipping”。当我尝试在 JS 中选择 freeShipping 元素时，浏览器会返回 freeshipping 的内容。在我同事的电脑上运行得很好。

有谁知道为什么在这种情况下它会不区分大小写？我一直在网上查找，我所能找到的只是人们提示其他人说“使用相同的情况”。但是，没有回答我关于为什么区分大小写不起作用的问题。

<div id="freeshipping" style="display: none; padding: 15px;">
   Free Shipping on orders over $199!
</div>
<span id="freeShipping" class="stock">#freeShippingQualifierText#</span>

编辑:

$freeShipping = $('#freeShipping');
$freeShipping.text('Free Shipping!');

Answer 1

拥有相同的id只是自找麻烦。但如果您确实必须这样做，请注意上下文。

$("div#freeshipping").text();
$("span#freeShipping").text();

假设浏览器接受 ID，应该可以工作。