D3是給我用d3.selectAll（）語法錯誤

Question

我的情況是這樣的： 我試圖從類的列表，以數字開頭，但爲字符串類型選擇一個類（我查）。

list_item.on("click", function(){ 
    var to_find = $(this).text().replace(/\s/g, "_"); 

    console.log(typeof(to_find)); // on a certain moment this will become "00s" 

    sampleSVG.selectAll(".node:not(."+to_find+") circle, .line:not(."+to_find+")") 
    .transition() 
    .duration(500) 
    .style("fill", st_colours.node.fill) 
    .style("stroke", function(d){return d.type == "node" ? st_colours.node.stroke : st_colours.line.stroke}); 

    sampleSVG.selectAll(".node."+to_find+" circle, .line."+to_find) 
    .transition() 
    .duration(1000) 
    .style("fill", st_colours.random(a)) 
    .style("stroke", d3.rgb(st_colours.random(a)).darker()); 
}); 

當「VAR to_find」變爲「00年代」，我得到這個錯誤：

SyntaxError: An invalid or illegal string was specified 

任何人能告訴我，爲什麼我得到這個錯誤？

Answer 1

在你的選擇你指的是一類命名的00：

.node:not(.00s) 

按照CSS語法，類名應該以下劃線，破折號，或以字母開頭。也許這就是爲什麼你遇到一個SyntaxError。

另請參閱：Which characters are valid in CSS class names/selectors?