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。