Javascript 在特定div内移动div，然后在某些断点处再次移动div

如果是这样的话，我怎样才能实现这样的效果呢？

在您的例子中，您只需要将文本从源元素添加到目标元素

  $(window).on('resize', function() {
    var ww = $(window).width();
    if (ww <= 800) {
        // move inside divs
    } else {
     // move to original positions
    }
  })

另一个元素也是如此

$（“.body item.first”）.appendTo（“.heading[data tab='first']”）
$（“.body item.second”）.appendTo（“.heading[data tab='second']”）

弗斯特
第二
“第一项的文本”
“第二项的文本”

在您的例子中，您只需要将文本从源元素添加到目标元素

  $(window).on('resize', function() {
    var ww = $(window).width();
    if (ww <= 800) {
        // move inside divs
    } else {
     // move to original positions
    }
  })

另一个元素也是如此

$（“.body item.first”）.appendTo（“.heading[data tab='first']”）
$（“.body item.second”）.appendTo（“.heading[data tab='second']”）

弗斯特
第二
“第一项的文本”
“第二项的文本”

是的。您面临什么问题？我正在努力找到解决方案。到目前为止，您的代码看起来不错，但没有尝试实际移动元素，因此我不确定您在努力解决什么问题。您只需要使用DOM脚本方法来执行元素的实际移动。调整大小的问题是，它将重复该操作，因此您将在调整大小时得到重复的文本。是的。您面临什么问题？我正在努力找到解决方案。到目前为止，您的代码看起来不错，但没有尝试实际移动元素，因此我不确定您在努力解决什么问题。您只需要使用DOM脚本方法来执行元素的实际移动。调整大小的问题是，它将重复操作，因此在调整大小时，您将得到重复的文本。不知道为什么我认为它比这更复杂。谢谢你。我不知道为什么我觉得事情比这更复杂。非常感谢。

$(".body-item.first").appendTo(".heading[data-tab='first']")