Question

我无法从字符串中预先输入的svg片段中获取子级。需要从源字符串返回内容<g>元素；例：拥有dom：

<svg>
   <g class="parent"> <rect ... /> </g>
<svg>

let strNewContent = '<g class="draggable-group" data-id-device="Light-X[room-1549613406671][0]">   <rect height="75" width="184" x="8" y="0" fill="#DDD" rx="6" ry="6" />  </g>'; // created svg string using handlebars.js
// need replace old content in new content
// need extrude `<rect ... /> & etc...` from string and put (innerSVG) 

$('.parent').html($(strNewContent).html()) // I understand it won't work. (It's just to understand what I mean.)

d3.select(svgElem).html(d3.select(svgElem).html()); // костыль для обновления svg документа

ps：感谢您的耐心和对我英语的理解

需要从字符串中挤出<rect ... /> & etc...并放入（innerSVG）

我了解这可以通过两种方式完成（如我所见）：通过正则表达式，剪切内容或将其转换为片段，然后尝试挤出内容并将其添加为新元素作为内容（由 @altocumulus 帮助）。但是我确实已经尝试了很多次，将其转换为片段并压缩内容，但没有结果（只是现在有了正则表达式，才决定）（现在我将进行实验）。

ps：什么是最好的解决方案（标题），以便每个人都可以解决此问题？

如何从字符串SVG替换内容（innerSVG？）

0 个答案: