Question

在用户点击html页面上的图像时，下面使用jquery捕获该图像，然后在模态弹出框中显示它。

我现在也想捕获div的内容以传递给这个模态框。

我尝试添加以下$(this).width(100).height(100).appendTo('#badgeselect');，但这似乎不起作用，我错过了什么？

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

               $( ".wrapper" ).on('click', 'wrapper');
               $(this).width(100).height(100).appendTo('#badgeselect_b');

现有代码

$(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;
    });
});

Answer 1

从一个div中捕获文本并向其显示另一个div Sample

的示例教程

<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>

Answer 2

http://jsfiddle.net/m2AJs/1/：为例子而工作

要按照您的说法捕获内容，您可以使用以下方法：

1。 .text()：http://api.jquery.com/text/

这将为您提供div的文本内容。

如果您只需要文字，请使用此项。

ex：$("#modalDivId").text($("#divID").text());

2。 .html()：http://api.jquery.com/html/

这将使你按原样获得div，即包含任何格式，标签或元素。

如果你还需要像？这样的元素，请使用它。

ex：$("#modalDivId").html($("#divID").html());

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

2 个答案: