之前添加元素之前調用

我有一個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來完成。

但是不太瞭解它，所以任何幫助將不勝感激。

你的問題不清楚。你的意思是你想重組DOM，所以'screenshot-later' div從它的初始位置被移除並替換'main-info' div中的'screenshot' div？ –

說得很清楚。你想達到什麼？ –

查看[jQuery API]（http://api.jquery.com/）中的左側菜單。有很多插入方法的DOM操作方法的整個部分....和每個例子一個簡單的谷歌搜索也會給你很多結果 – charlietfl

嘗試以下使用JQuery：

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

2016-01-21 16:41:38 elTomato

他想從最初的地方刪除屏幕截圖，並替換.screenshot，不要追加它。ti .screenshot ... –

沒錯，看起來我不明白這個問題，編輯了我的答案。 – elTomato

但他希望從其初始位置移除.screenshot-later。請閱讀我的答案... –

你的榜樣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當你想，只要確保該頁面已經被加載。

2016-01-21 16:44:18

它甚至可以在php標籤中工作 –

這是不正確的，不要這樣做。 –

我知道如何在php標記中添加div ......它只是一個示例腳本 –

回答