0

以下の SVG を参照してください。

<svg id="container_svg" style="width: 800px; height: 600px;">
    <g id="container_svg_SeriesCollection" clip-path="url(#container_svg_ChartAreaClipRect)">
        <g id="container_svg_PanBtn" transform="translate(77,465)">
            <rect id="container_svg_PanRect" x="579.359375" y="-438" width="25" height="25" fill="#E5E5E5" stroke-width="1" stroke="#E5E5E5"><img width="25" height="25" href="../../Content/pan.gif" x="579.359375" y="-438" id="undefined" visibility="visible"></rect></g>
        <g id="rect"></g>
    </g>
    <g id="container_svg_AxisCrossToolTip"><rect id="container_svg_AxisToolTipRect_1" x="33" y="70.3984375" width="43.30859375" height="24" fill="white" stroke-width="1" stroke="Black"/><text id="container_svg_AxisToolTipText_1" x="38" y="82.39999389648438" fill="Black" font-size="12px" font-family="Times New Roman" font-style="Normal " text-anchor="start" dominant-baseline="middle">102.18</text></g>
</svg>

2 つのグループの順序を変更したい -> "container_svg_PanBtn","re​​ct" を最後にします。何らかの条件で、これら 2 つのグループを SVG の最後に移動したいと考えています。

if(condition)
{
//move 

"container_svg_PanBtn","rect" groups to last as always.
}

jqueryでこれを行うにはどうすればよいですか?

jquery に moveLast がありますか?

ありがとう、

シヴァ

4

1 に答える 1

2

要素を切り離して最後に追加できます

$('#container_svg_PanBtn, #rect').detach().appendTo('#container_svg')
于 2013-06-03T11:07:08.877 に答える