在调用之前添加元素

Question

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

示例SCRIPT：

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

我想要显示

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

这个div在main-info类中，其中div是

<div class="screenshot">

我只是粗略地认为可以使用javascript或jQuery来完成。

但是对此并不了解，所以任何帮助都会受到高度赞赏。

Answer 1

使用JQuery尝试以下内容：

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

Answer 2

您的示例script在php标记内包含html。如果能起作用，我会感到非常惊讶。而不是我提议

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

确保正确加载jQuery。您将需要一个script标记，其中包含正确的jQuery路径。然后，您需要function这样的代码：

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

然后根据需要调用function，只需确保页面已加载。