jquery - 添加图像动态创建的 div 以显示文本

Question

图像的 onClick() 事件我想动态创建 div 并将图像添加到该 div。动态创建的应该有背景颜色和一些文字请帮忙。

这是使用翻转方法更新的小提琴 http://jsfiddle.net/RQ62f/7/

#foobar
{
    background-color: red;
content: div is here;   
}

 in Jquery,
 $(this).appendTo('#foobar');

请帮忙

Answer 1

在 jQuery 中：

 $("img").click(function(){
 alert('m called');
 if ($('#foobar').length==0) $('<div id="foobar"></div>').appendTo('body');
   $(this).appendTo('#foobar');

 });

一个元素必须存在才能附加一些东西。

Answer 2

尝试这个，

http://jsfiddle.net/RQ62f/8/

 $("img").click(function(){
     $("body").append("<div id='foobar'></div>")
       $(this).appendTo('#foobar');
 });

PS 在你的小提琴中，你没有包含 jQuery 文件