从 Magento 中的表单元素 ID 中删除冒号

【问题标题】：Removing Colon's From Form Element ID's in Magento从 Magento 中的表单元素 ID 中删除冒号
【发布时间】：2011-10-31 07:26:15
【问题描述】：

出于某种绝对荒谬的原因，Magento 在我尝试使用 jQuery 设置样式的结帐页面上为 ID 属性添加了冒号，这更令人讨厌。我用于自定义选择的 jQuery 插件因为这些冒号而被破坏，这对我来说首先是个坏主意。

例如，结帐时选择的州/省的 ID 为“billing:region_id”，这是自动生成的。有没有办法删除这些冒号，或者甚至将其更改为连字符？使用冒号似乎是个很糟糕的主意，我想知道为什么会这样。

自定义选择下拉插件是jQuery UI dev中的一个，可以看到here。

非常感谢您的帮助。

【问题讨论】：

【解决方案1】：

冒号是 ID 中完全有效的字符，并且 jQuery 非常支持它们 - 如果您使用正确的 CSS 和 JavaScript 语法对它们进行转义：

在 ID 中的 CSS 字符中，也可以使用 CSS 语法的一部分，使用反斜杠 (\) 进行转义。示例：

#billing\:region_id {
  color: red;
}

在 JavaScript 中，反斜杠也是字符串中的特殊字符，因此也需要对其进行转义 - 使用第二个反斜杠：

jQuery("#billing\\:region_id").css("color", "red");

【讨论】：