jquery의 order 요소 변경

Question

아래 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> 

내가 두 그룹의 순서를 변경하려면 -> "container_svg_PanBtn는", "RECT는"지속합니다. 나는이 두 그룹을 어떤 상황에서는 SVG에서 마지막으로 옮기고 싶다.

if(condition) 
{ 
//move 

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

어떻게 jquery에서이 작업을 수행 할 수 있습니까?

jQuery에서 무언가 moveLast가 있습니까?

감사합니다,

시바

Answer 1

당신은 요소를 분리하고 최종

$('#container_svg_PanBtn, #rect').detach().appendTo('#container_svg')