Javascript 如何将输入元素及其标签包装到div中，并将其放在其父元素之后？

我正在编写一个带有

ImageField

的Django表单，默认情况下，它有一个小部件，如果已经选中了一个复选框，它会插入一个额外的复选框来清除文件

我正在使用Materialize（）实现表单，通过它，文件

被包装在

div

中，类为

“btn”

。但是，如果文件已经上载，则按钮内还会显示“清除”复选框，而我希望将其置于按钮外

到目前为止，我已经尝试调用选定的元素，然后按照中描述的方法进行操作：

$（“输入[id*='-clear\u id']）。添加（“标签[for*='-clear\u id']”）。wrapAll（“”）。每个（函数（）{
$（this）.parent（）在（this）之后；
})

头像
文件
目前：
清除

更改：

为wrap指定一个类，以便更容易处理，然后使用该新类作为带有方法的选择器

演示

$（“：复选框，：复选框+标签”）.wrapAll（“”）；
$（'.wrap'）.insertAfter（'.btn'）

头像
文件
目前：
清除

更改：
这不会将
标签与输入一起包装field@MuhammadOmerAslam使用devtools（F12）查看
的内部。我正在看第一个：D