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

我正在使用D3.js库绘制一个图形

我需要在类为“abc”的svg元素之前插入一个svg元素

这就是我试图做的：

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是父节点

---

你知道我做错了什么吗？

在D3中，语法是.insert（svg:elementType，“CSS选择器”）

因此，这将起作用：

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

---

这会不会在.abc之前创建一个类轴向下的新svg元素？我试过了，它成功了。谢谢以利亚。你太棒了：）