Jquery如何在div中加载照片？

我有一些照片：

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

任何想法都有帮助：）

谢谢

不清楚您是否希望它成为test div中的唯一项。如果是，只需执行以下操作：

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

不清楚您是否希望它成为test div中的唯一项。如果是，只需执行以下操作：

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

---

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

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

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

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

});

享受：）

---

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

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

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

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

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

});

享受：）

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

这将有助于：

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

这将有助于：

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

演示：

$（函数（）{
$（“#照片a”）。单击（函数（）{
image=$（“DEMO:

$（函数（）{
$（“#照片a”）。单击（函数（）{
image=$（“干净的解决方案。但我认为你可以改进一点：
$（'div.test'）.empty（）.append（img）；
=>
$（'div.test'）.html（img）；
Touche！我试着在冗长和简约之间取得平衡。@fl00r-有趣的是，我今天才知道你可以使用.html（）使用jQuery对象。我做了一些研究，我不同意你的观点，原因有两个：1）没有文档证明.html（）只接受函数或字符串。2）jQuery在幕后最终调用
$（this）.empty（）.append（val）
在一个包罗万象的最后一搏
else
中，同样的代码会被执行。但是，它只有在一系列其他测试和其他垃圾之后才会执行。因此，它的性能较差。干净的解决方案。但我想你可以对它做一点改进：
$（'div.test'）.empty（）.append（img）；
=
$（'div.test'）.html（img）
touch！我试图在冗长和极简之间取得平衡。@fl00r-有趣的是，我今天才知道可以将.html（）与jQuery对象一起使用。我做了一些研究，我不同意你的观点，原因有两个：1）没有明文规定.html（）只接受函数或字符串。2）jQuery在幕后最终调用了一个catch-all，last-ditch
else
中的
$（this）.empty（）.append（val）
，因此同样的代码会被执行。但是，它只有在一系列其他测试和其他垃圾之后才会执行。因此，它的性能较低。
$(function(){
    $("#photos a").click(function(){
        image = $("<img />").attr("src", $(this).attr("href"))
        $("#test").html(image);
        return false;
    })
})