Jquery HTML：4个嵌套标记的相反顺序

首先，我认为我发现了一个有趣的/类似的用例，以便颠倒某些元素的顺序

无论如何，我只需要更改4个嵌套标记的顺序，第一个标记g的孙子有：

<g class="highcharts-legend" zIndex="7" transform="translate(565,0)">

然后，我不能继续下去了，因为我不知道如何选择3个嵌套的标记g和类“highcharts legend item”，以便应用类似的内容（在另一篇文章中找到）：

任何帮助都将非常感谢（因为jQuery最近不是我最好的技能）

编辑：

1）我更新了原始HTML源代码，以便有2个类似的父标记；第一个是要修改的，另一个不需要任何更改）

---

2）嵌套的标记g已经变成了4（而不是3）只需说明顺序应该如何颠倒：（10,20,30,40）-->（40,30,20,10）

你可以这样做

//you can write below code inside function and call it when require.

var element = $('.highcharts-legend').find(".highcharts-legend-item:last") 
$(element).insertBefore($('.highcharts-legend').find(".highcharts-legend-item:first"))

---

首先，你的html是不正确的g'标记必须有结束标记

<g class="highcharts-legend" zindex="7" transform="translate(565,0)">
    <g zindex="1">
        <g>
            <g class="highcharts-legend-item" zindex="1" transform="translate(8,3)"></g>
            <g class="highcharts-legend-item" zindex="1" transform="translate(82,3)"></g>
            <g class="highcharts-legend-item" zindex="1" transform="translate(159,3)"></g>
        </g>
    </g>
</g>

---

谢谢你的回答，你能看一下编辑过的问题吗？还有一个更复杂的HTML源代码需要处理。。。提前感谢您可以只为这样的第一个元素编写它。使用此

var元素=$（'.highcharts图例：first'）获取您的第一个元素。查找（“.highcharts图例项：last”）

和

$（元素）。insertBefore（$（'.highcharts图例'）。查找（“.highcharts图例项：first”）

感谢您的回答，你能看一下编辑过的问题吗？还有一个更复杂的HTML源代码需要处理。。。提前感谢更改$parent选择器不是问题。据我所知，你只需要先反转。海图图例<代码>$parent=$（'.highcharts图例：eq（0）>g>g'）

$('.highcharts-legend')[0]

$top = $('div#thatTopDiv');
$top.children('div').slice(1).each(function() {
    $(this).insertBefore($top.children().eq(0));
});

//you can write below code inside function and call it when require.

var element = $('.highcharts-legend').find(".highcharts-legend-item:last") 
$(element).insertBefore($('.highcharts-legend').find(".highcharts-legend-item:first"))

<g class="highcharts-legend" zindex="7" transform="translate(565,0)">
    <g zindex="1">
        <g>
            <g class="highcharts-legend-item" zindex="1" transform="translate(8,3)"></g>
            <g class="highcharts-legend-item" zindex="1" transform="translate(82,3)"></g>
            <g class="highcharts-legend-item" zindex="1" transform="translate(159,3)"></g>
        </g>
    </g>
</g>

var $parent = $('.highcharts-legend>g>g');
var $children = $parent.children();
$parent.append($children.get().reverse());