jquery - 当我单击另一个 div 时，一个 div 必须附加到 main_div

Question

我是 jquery 的新手。在我的应用程序中，我对它有基本的需求。

在左侧，我有一个小div的 s ( div1, div2...)，在页面的中心，我有一个 main div。

当我单击时div1，必须将另一个sub_div附加到 main 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

如果您只想将新内容添加到现有的主 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);
        });
    });

Answer 3

您可以使用.append()或.prepend()随心所欲地查看它。

它解决了你的问题