jquery - 別の div をクリックすると、1 つの div を main_div に追加する必要があります

Question

私はjqueryが初めてです。私のアプリケーションでは、それが基本的に必要です。

左側には小さなdivs ( div1, div2...) があり、ページの中央にはメインの が 1 つあり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

既存のメイン 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()。

それはあなたの問題を解決します