Javascript 按相反顺序向容器中添加元素

当选中另一个复选框列表的true时，我正在向

ul

容器添加一个元素。它是这样做的

const addedList = document.getElementById("columns");

if($(this).is(":checked")){
            
            addedList.innerHTML += `<div>Test div number{num}</div>`

}

---

它工作得很好，但由于我添加的div具有拖放功能，因此添加的css会将该功能弄糟。因此，我尝试使用javascript实现一个解决方案。如何颠倒我的

addedList

$（此）.is

is jQuery中元素的顺序。为什么不呢。标签jQuery，2。使用jQuery或3，不要使用jQuery？或至少使用适当的DOM方法，如

.append（）

或

.insertAdjacentHTML（）

或jQuery

.before（）

我使用了insertAdjacentHTML，但它的附加方向与以前相同

 #columns {
    display: flex;
    flex-direction: column-reverse;
  }