包含引号的jquery属性选择器变量？答案

【问题标题】：jquery attribute selector variable that contains a quote?包含引号的jquery属性选择器变量？
【发布时间】：2012-03-06 12:50:31
【问题描述】：

我想选择一个ID如下的输入框：

id="Peoples' Choice"

如果我手动输入带有转义字符的选择器，它会起作用：

$("[id='Peoples\\' Choice']")

但如果我使用变量，它似乎不起作用：

var theID = "Peoples' Choice";
var sel = "[id='" + theID + "']"
chk = $(sel);

这会产生一个语法错误，即无法识别的表达式。我什至尝试用双反斜杠+引号替换 theID 中的引号。

帮助？

【问题讨论】：

【解决方案1】：

在属性选择器中使用变量之前，您可以转义变量中的特殊字符。

您可以使用以下正则表达式：

var sel = "[id='" + theID.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g,'\\$1') + "']"

【讨论】：

【解决方案2】：

ids 中不能有空格。只需使用peoples-choice。
来自 w3，http://www.w3.org/TR/html4/types.html

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，并且可以是后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线（“_”）、冒号（“:”）和句点（“.”）。

【讨论】：

【解决方案3】：

我们不能把 (') 放进去 id 但你仍然可以试试这个

试试这个

var theID = "Peoples\' Choice";
var sel = "[id='" + theID + "']"
chk = $(sel);

而不是

var theID = "Peoples' Choice";
var sel = "[id='" + theID + "']"
chk = $(sel);

【讨论】：