javascript - JS id 区分大小写

Question

我正在一个网站上工作，该网站包含两个具有相同"id"（但大小写不同）的元素，即"freeshipping"与"freeShipping". 当我尝试freeShipping在 JS 中选择元素时，浏览器会返回 的内容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。