Question

我有一些照片：

<div class="photo">
 <a rel="example_group" href="http://download.com/79.jpg"><img class="edit_multimedia_img" src="http://download.com/79.jpg"></a>
 <a rel="example_group" href="http://download.com/80.jpg"><img class="edit_multimedia_img" src="http://download.com/80.jpg"></a>
 <a rel="example_group" href="http://download.com/81.jpg"><img class="edit_multimedia_img" src="http://download.com/81.jpg"></a>
 <a rel="example_group" href="http://download.com/82.jpg"><img class="edit_multimedia_img" src="http://download.com/82.jpg"></a>
 </div>

我有一个div：

<div class="test"><div>

我想要完成的是当我点击任意链接将照片加载到.test div

也许是这样的事情？

$("a").click(function() {
  $(".test").html("<img src=' + this.href + '>");
});

任何想法都有帮助：）

感谢

Answer 1

创建事件处理程序，创建img的克隆，清空容器并添加克隆的img。

$('div.photo').delegate('a', 'click', function(e) {
  e.preventDefault();

  var img = $('img', this).clone();

  $('div.test').empty().append(img);

});

享受：）

编辑：删除.clone（）以移动它而不是复制它。

Answer 2

$('div.photo').find('a').click(function() {
    $(this).find('img').appendTo('div.test');
    return false;
});

目前还不清楚您是否希望它成为测试div中的唯一项目。如果是这样，那就改为：

$('div.photo').find('a').click(function() {
    var $test = $('div.test').empty();
    $(this).find('img').appendTo($test);
    return false;
})

Answer 3

这会有所帮助：

$("a").click(function(e) {
    e.preventDefault();
  $(".test").html($(this).html());
});

Answer 4

DEMO：http://jsfiddle.net/2VstH/

$(function(){
    $("#photos a").click(function(){
        image = $("<img />").attr("src", $(this).attr("href"))
        $("#test").html(image);
        return false;
    })
})

Jquery如何在div中加载照片？

4 个答案: