JavaScript中单引号被浏览器转为双引号的问题及解决方法

嘿，别慌！你遇到的这个“单引号自动变双引号”的情况其实根本不是问题——这只是浏览器开发者工具的显示偏好而已，完全不会影响代码的实际执行效果。

为什么会出现这种现象？ #

当你在JavaScript里用单引号定义字符串（比如"<div class='spezial_row'></div>"），JavaScript引擎实际存储的字符串内容里，单引号是完全保留的。而Chrome、Firefox这些浏览器的调试工具，在格式化显示代码时，会统一用双引号来包裹字符串，这只是它的一种标准化显示方式，并没有修改你的原始代码或字符串内容。

你可以做个简单验证：运行你的代码后，打开浏览器的元素检查器，看看页面上生成的<div>元素，它的class属性值肯定是spezial_row，完全符合你的预期。

如果你想调整写法避免混淆 #

虽然不需要修复，但如果觉得调试工具的显示看着别扭，或者想让代码更清晰，可以试试这两种写法：

1. 使用ES6模板字符串（反引号包裹），内部可以直接混用单双引号，无需转义：

var divs = $(".new_spezial > .contentContainer");
for(var i = 0; i < divs.length; i+=3) {
  divs.slice(i, i+3).wrapAll(`<div class='spezial_row'></div>`);
}

2. 把HTML结构抽成单独变量，让代码逻辑和DOM结构分离，更易读：

const rowWrapper = '<div class="spezial_row"></div>';
var divs = $(".new_spezial > .contentContainer");
for(var i = 0; i < divs.length; i+=3) {
  divs.slice(i, i+3).wrapAll(rowWrapper);
}

关键结论 #

你的原始代码（包括转义单引号的版本）本身是完全正确的！调试工具里的双引号只是“表面功夫”，不需要为此额外折腾。只有当字符串内部的引号和外部包裹的引号相同时，才需要转义（比如用单引号包裹字符串时，内部的单引号要写成\'），而你的场景里完全不需要这一步。

内容的提问来源于stack exchange，提问作者T.K