一個div必須追加到main_div當我點擊另一個div

Question

我是jquery的新手。我的應用程序中有一個基本需求。

在左邊，我有小div S（div1，div2 ......），並在頁面的中心，我有一個主div。

當我點擊div1時，另一個sub_div必須附加到主div。

這裏是我的代碼，到目前爲止：

$(document).ready(function() { 
    $("#div1").click(function(){ 
     $("#sub_div").show().//here sub div has to append main_div 
    }); 
}); 

的要求是，當我點擊div1，sub_div已追加到main_div。

Answer 1

您可以使用appendTo()：

$("#div1").click(function(){ 

    $("#sub_div").show().appendTo('#main_div'); 

}); 

Answer 2

您可以使用.append()或.prepend()但是你想 看看它。

它解決您的問題

Answer 3

您也可以讓這樣的事情，如果你只是想新內容添加到現有主DIV：

$(document).ready(function() { 
     $("#div1").click(function(){ 
       var mainContent = $("#main_div").html(); //getting the existent content 
       var newContent = "<your-new-content>"; //the content you want to add 

       $("#main_div").html(mainContent + newContent); // setting it 

       // if you want the new content to be on top just switch them 
       // $("#main_div").html(newContent + mainContent); 
     }); 
    });