使用空格处理ID（Cytoscape.js）

Question

我正在使用Cytoscape.js实现先决条件图。 但问题是，当我使用课程名称设置id时（例如：Beginning Programming），由于课程名称中的空白，我无法正确选择节点。

temp.group = "nodes";
temp.data = {id: a, label: b}; // A: "Beginning Programming" B: "1111"
cy.add(temp);

然后，当我这样做时：

cy.$("Beginning Programming");

它说这是一个无效的选择器。

有办法吗？

Answer 1

您不能在ID中使用空格（请参阅Can a DOM element have an ID that contains a space?）。

我建议用这样的下划线替换空格

var modifiedId = a.split(' ').join('_');
temp.data = {id: modifiedId , label: b}; // A: "Beginning_Programming" B: "1111"

如果还显示了id，则可以将其替换为％20（在html中显示为空格）

Answer 2

经过几个小时的研究，我发现属性选择器有效。 以下代码就像魅力一样。

cy.$("[id='Beginning Programming']");