将随机图像添加到div

时间:2014-03-18 09:45:03

标签: jquery image

我有3个包含不同图像的div,当用户点击其中一个div时,我想在div中放置一个新图像。我知道使用prepend可以工作,但我不知道如何"目标"随机图像。我做了一个小jsfiddle:http://jsfiddle.net/59bb8/2/

$(".art").click(function(){
  $(".art").prepend('img src');
});

2 个答案:

答案 0 :(得分:1)

JS Fiddle

上查看您的JS小提琴的编辑代码
Here it works.

答案 1 :(得分:0)

您必须声明varclone现有的image

var img = "<img src='path/to/newimage' alt='' />"; //if you know the path
//var img = $(".art").eq(-1).find('img').clone();  if they are all equal just select the last one

$(".art").click(function(){
  $(this).prepend(img); //on current div
});

http://jsfiddle.net/59bb8/4/

使用clone函数编辑了jsfiddle。

如果您想要预先加入所有.art div,则必须使用siblings() method