javascript - 別のdivをクリックしてdivをポップする方法は?

Question

divGoogle ビジュアライゼーション チャートを含むこのタグがあります。onclick私が望むのは、チャートをing してポップアップ ボックスにそのチャートを表示することです ( div)。

jQueryを使用しています。

Answer 1

クリックした div の内容を取得して別の div にコピーし、適切に配置します。

$(".someChart").on("click", function() {
    // Fill popup with html
    $('.popupDiv').html($(this).html());
    // now show the popup and possibly position it correctly
    $('.popupDiv').show();
});

Answer 2

CSS

.model{
    display:none;
    position:absolute;
    z-index:1000;
    top:20%;
    left:20%;
    padding:10px;
    border:1px solid #000;
    width:auto;
    height:auto;

}

Jクエリ

$(".chartDiv").on("click", function () {
   var content = $(this).html();
    $('.model').show().html(content);


});

html

<div class="chartDiv">Chart 1</div>
<div class="chartDiv">Chart 2</div>
<div class="model"></div>

ワーキングデモ