Javascript 如何捕获div内容并在模式框中显示？

在用户单击html页面上的图像时，下面使用jquery捕获该图像，然后将其显示在模式弹出框中

我现在还想捕获一个div的内容，并将其传递给这个模式框

我已经尝试添加下面的

$（this）.width（100）.height（100）.appendTo（“#badgeselect”），但这似乎不起作用，我错过了什么

（我已将.go类添加到包装器div）


现行守则

$(document).ready(function() {
    $('.go').css('cursor', 'pointer');
    $('.go').on('click', 'img', function(e) {
        $(this).width(100).height(100).appendTo('#badgeselect');
        $('#modal').reveal({
            animation: 'fade',
            animationspeed: 600,
            closeonbackgroundclick: true,
            dismissmodalclass: 'close'
        });
        return false;
    });
});

从一个div捕获文本并在另一个div中显示的示例教程

你好，世界！






$（'document'）.ready（函数（）{
$（'Content'）。在（'click'，function（）上{
var text=$（this.text（）；
$（'#modal'）.html（文本）
});
});
：例如工作小提琴


如您所说，要捕获内容，您可以使用以下方法：

1.
.text（）
：

这将获得div的文本内容

如果您只需要文本，请使用此选项

例如：
$（“#modalDivId”）.text（$（“#divID”）.text（））



2.
.html（）
：

这将按原样获取div，即其中包含任何格式、标记或元素

如果需要元素，也可以使用此选项，例如

例如：
$（“#modalDivId”）.html（$（“#divID”）.html（））
您可以创建JSFIDLE吗？
$(document).ready(function() {
    $('.go').css('cursor', 'pointer');
    $('.go').on('click', 'img', function(e) {
        $(this).width(100).height(100).appendTo('#badgeselect');
        $('#modal').reveal({
            animation: 'fade',
            animationspeed: 600,
            closeonbackgroundclick: true,
            dismissmodalclass: 'close'
        });
        return false;
    });
});

<div id="Content">Hellooo World !</div>
<br/>
<br/>    
<br/>
<div id="modal"></div>
 <script>
 $('document').ready(function(){
 $('#Content').on('click',function(){
  var text = $(this).text();
 $('#modal').html(text)
 });
});
</script>