选择id中带有双点的元素，错误:“#octo:cat"；不是有效的选择器 [英] Select element with double dot in id, error: "#octo:cat" is not a valid selector

问题描述

给出一个具有现有id="kvg:StrokeNumbers_07425"的svg，

Given an svg with an existing id="kvg:StrokeNumbers_07425",

<g id="kvg:StrokeNumbers_07425" style="font-size:8;fill:blue;">...</g>

我执行以下操作:

d3.select("#kvg:StrokeNumbers_07425").attr("style","fill:red;");

并获得以下错误消息:

Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': 
'#kvg:StrokeNumbers_07425' is not a valid selector.

可能是由于:造成的.

我应该怎么做才能使其正常工作?

编辑: http://jsfiddle.net/0v7jjpdd/1/

推荐答案

像这样逃避:

d3.select("#kvg\\:StrokeNumbers_07425").attr("style","fill:red;");

这篇关于选择id中带有双点的元素，错误:“#octo:cat"；不是有效的选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！