jQuery 语法错误，无法识别的表达式 - 使用 {

Question

这个问题已经有答案了:

HTML: Valid id attribute values? (27 个回答)

已关闭 9 年前。

我将 jQuery 与 SharePoint 2013 结合使用，并且必须获取表 ID 才能添加属性。表 ID 为

{44C80A95-F3E4-40DA-9A97-50CADFFFED61}-{DD02CEA7-CC2B-4E4A-A725-86E82C6D11FC}

当我使用时:

jQuery("#{44C80A95-F3E4-40DA-9A97-50CADFFFED61}-{DD02CEA7-CC2B-4E4A-A725-86E82C6D11FC}").attr("width","100%");

它给了我这个错误:

Uncaught Error: Syntax error, unrecognized expression: #{44C80A95-F3E4-40DA-9A97-50CADFFFED61}-{DD02CEA7-CC2B-4E4A-A725-86E82C6D11FC} 

问题出在“{”上。

如何解决这个问题？

Answer 1

根据docs

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\ . For example, an element with id="foo.bar", can use the selector $("#foo\\.bar")

您需要转义选择器中的特殊字符或使用名称值属性:

 jQuery("[id='{44C80A95-F3E4-40DA-9A97-50CADFFFED61}-{DD02CEA7-CC2B-4E4A-A725-86E82C6D11FC}']").attr("width","100%");