如何在特定窗口大小下使用jquery插入html元素之后

我打算在一定的窗口大小下用jquery重新构造html元素。但当它运行else语句时，我遇到了一个问题，就是不断插入元素，如何防止else语句只运行一次

$（窗口）.on（“调整大小”，函数（）{
var width=$（this.width（）；
窗口大小（宽度）；
});
函数windowSize（wSize）{
如果（$（窗口）.width（）<767）{
$（'.text'）.insertAfter（'.box'）；
}
否则{
$（'.text'）.prependTo（'.box'）；
}
}

测试

项目1
项目2

测试

项目1
项目2

测试

项目1
项目2

prependTo（）的Jquery文档：

选择器、元素、HTML字符串、元素数组或jQuery对象； 匹配的元素集将插入到 此参数指定的元素

只要调整窗口大小且窗口宽度小于767，Else语句就会运行。你抓到我了吗

另外，

if（$（window）.width（）<767）{

可以替换为

if（wSize<767）{

---

您希望在这里实现什么？您希望如何获得html？

我希望在窗口767时移动.text并在.box之后插入