用空格處理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

經過幾個小時的研究，我發現屬性選擇器的工作原理。 下面的代碼就像一個魅力。

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

Answer 2

您不能在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空格）