在“ ul”中更改标签“ Li”的位置

Question

我是JQuery的新手。我想用“ vorLast li”类和“ second”类来更改此Tag li。

这是我的HTML代码：

<ul id="my_list">
    <li class="first">
        <a href="" class="class_a">First</a>
    </li>
    <li class="vorLast li">
        <a href="" class="vorLast">VorLast</a>
    </li>
    <li class="second">
        <a href="" class="class_a">Second</a>
    </li>   

    <li class="last li">
        <a href="" class="last">Last</a>
    </li>
</ul>

在main.js中，我想使用功能 insertBefore 来更改此Li。我已经尝试过：

$(document).ready( ()=> {
  const liLast= $(".last .li");
  const liVorlast =$(".vorLast .li");
  liVorlast.insertBefore(liLast)
});

感谢大家的阅读和帮助：）