在具有类的另一个SVG元素之前插入SVG元素 [英] Insert SVG element before another SVG element with class

问题描述

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

这是我试图做的：

  gParent [0] [0]。 insertBefore（g，$（'。abc'））
 .attr（{
 class：axis-down，
 transform：translate（120，120）
 $ b）
  

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

这工作正常，但它在abc后附加g，而不是在

  gParent.append（ g）
 .attr（{
 class：axis-down，
 transform：translate（120，120）
}）
  

gParent是父节点。

任何想法我在做什么在D3中，语法是简单的.insert（svg：elementType，CSS Selector）

所以这将起作用：

  gP arent.insert（g，.abc）
 .attr（{
 class：axis-down，
 transform：translate（120，120）
}）
  

I am plotting a graph using D3.js library.

I need to insert a svg element before svg element with class "abc".

This is what i tried to do:

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

But, it doesn't work and gives an error.

This works fine but it appends g after abc and not before

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

gParent is the parent node.

Any ideas what i am doing wrong?

解决方案

In D3, the syntax is simply .insert(svg:elementType, "CSS Selector")

So this will work:

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

这篇关于在具有类的另一个SVG元素之前插入SVG元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！