在调用元素之前添加元素 - Add element before after its called

Add element before after its called

本文关键字：元素添加调用 | 更新日期: 2023-09-27

我有一个php脚本，我在其中调用了一个函数。

示例脚本：

    <div class="main-info">
        <div class="screenshot">
        </div>
    </div>
    <div class="screenshot-later">
    </div>

我想显示

<div class="screenshot-later"></div>

主信息类中的这个div，其中div 是

<div class="screenshot">

我只是粗略地知道它可以使用javascript或jQuery来完成。

但对此了解不多，所以任何帮助将不胜感激。

使用 JQuery 尝试以下内容：

$(".main-info").find(".screenshot").replaceWith($(".screenshot-later"));

您的示例script在 php 标签中包含 html。如果这行得通，我会感到非常惊讶。取而代之的是，我提议

<div class="main-info">
    <div class="screenshot">
    </div>
</div>
<div class="screenshot-later">
</div>

确保正确加载 jQuery。您将需要一个具有正确路径的 jQuery 的 script 标记。然后，您将需要这样的function：

function handleScreenshotLater() {
    $(.main-info).html($(.screenshot-later).remove());
}

然后在需要时调用function，只需确保页面已加载即可。