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。