使用localStorage.getItem（）进行SVG <g>选择

Question

我的网页包含两个<iframe>，它们引用两个html文件，包括彼此的SVG。从file1.html我点击svg元素，生成id号码，并通过

存储

localStorage.setItem("element1id",ID1)。

file2.html中的SVG也使用与ID1相同的<g id="ID1">....</g>因此我检索ID1，尝试查找元素并分配var，然后添加一些属性包含以下代码：

var selectedID = localStorage.getItem("element1id") $("'#"+selectedID+"'").attr(*adding some new attributes*)

使用此代码控制台为我提供Uncaught Error: Syntax error, unrecognized expression: '#0BTBFw6f90Nfh9rP1dlXrr'。 （你猜这个长字符串是ID1）

我通过手动编写ID1来重新检查选择，如下所示：

$("#0BTBFw6f90Nfh9rP1dlXrr").attr(*adding some new attributes*)

在这种情况下没有问题。它找到<g>元素并添加属性。 以前有没有人遇到过这个问题？或者我错过了吗？感谢。

Answer 1

尝试替换

$("'#"+selectedID+"'").attr(*adding some new attributes*);

用

$("#"+selectedID).attr(*adding some new attributes*);

代码