javascript - 在另一个带有 class 的 SVG 元素之前插入 SVG 元素

Question

我正在使用 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是父节点。

知道我做错了什么吗？

Answer 1

在 D3 中，语法很简单:.insert(svg:elementType, "CSS Selector")

所以这会起作用:

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