在具有类的另一个SVG元素之前插入SVG元素

Question

我正在使用D3.js库绘制图表。

我需要在svg元素之前插入一个svg元素，类为＃34; abc＆＃34;。

这就是我试图做的事情：

gParent[0][0].insertBefore("g", $('.abc'))
.attr({
            class: "axis-down",
            transform: "translate(120, 120)"
        })

但是，它不起作用并且出错。

这样可以正常工作，但它会在abc之后而不是

之前附加g

gParent.append("g")
    .attr({
                class: "axis-down",
                transform: "translate(120, 120)"
            })

gParent是父节点。

任何想法我做错了什么？

Answer 1

在D3中，语法只是.insert（svg：elementType，“CSS Selector”）

所以这会奏效：

gParent.insert("g", ".abc")
.attr({
            class: "axis-down",
            transform: "translate(120, 120)"
        })