如何用jQuery选择含单引号的ID元素？报错问题咨询

问题分析 #

当ID包含单引号这类特殊字符时，直接拼接成jQuery选择器会触发语法错误——单引号会破坏选择器的字符串结构。手动转义时如果转义次数不对，JS会把转义符当成字符串本身的一部分，而非传递给jQuery解析的选择器转义，因此无效。

正确解决方案 #

方案1：使用jQuery的$.escapeSelector()方法（推荐） #

jQuery提供了专门处理选择器特殊字符的方法，直接转义ID字符串后再拼接：

const c = "Bel'Veth";
const escapedId = $.escapeSelector(c);
$("#" + escapedId).addClass("selected");

方案2：借助原生JS的getElementById #

原生DOM方法getElementById不受选择器语法限制，可直接获取元素后转为jQuery对象：

const c = "Bel'Veth";
$(document.getElementById(c)).addClass("selected");

方案3：使用属性选择器 #

用属性选择器明确指定ID值，通过双引号包裹ID字符串避免单引号冲突：

const c = "Bel'Veth";
// 模板字符串写法
$(`[id="${c}"]`).addClass("selected");
// 字符串拼接写法
$('[id="' + c + '"]').addClass("selected");

为什么之前的转义无效？ #

• replace("'", "\'")本质等于没转义：JS中\'最终解析就是单引号，无法改变选择器的结构问题。
• replace("'", "\\'")得到的Bel\'Veth，在jQuery选择器里仍不生效——因为选择器需要双重转义（Bel\\'Veth），JS字符串里的反斜杠本身要先转义一次，才能让jQuery识别为选择器的转义符。手动处理容易出错，用escapeSelector是最稳妥的方式。

内容的提问来源于stack exchange，提问作者Flowey la flower