jQuery - 在另一个div中打开图像父链接

Question

我有一个轮播当图片被点击时，Id喜欢采用图片的源代码并在页面上的另一个div中打开它，'big-image'

$('.gallery-viewport-ext ul li a img').on('click', function() { 
    alert($(this).parent('a').attr('src');) 
return false; 
}); 

我试着只在第一时间提醒src我确定我一定做错了什么？

<div id="tabs1-ext"> 
<section class="gallery-viewport-ext"> 
     <ul> 
      <li><a href="_includes/images/slide-1.jpg"><img src="_includes/images/slide-1.jpg" alt="image" /></a></li> 
      <li><a href="_includes/images/slide-2.jpg"><img src="_includes/images/slide-2.jpg" alt="image" /></a></li> 
      <li><a href="_includes/images/slide-3.jpg"><img src="_includes/images/slide-3.jpg" alt="image" /></a></li> 
      <li><a href="_includes/images/slide-1.jpg"><img src="_includes/images/slide-1.jpg" alt="image" /></a></li> 
      <li><a href="_includes/images/slide-2.jpg"><img src="_includes/images/slide-2.jpg" alt="image" /></a></li> 
      <li><a href="_includes/images/slide-3.jpg"><img src="_includes/images/slide-3.jpg" alt="image" /></a></li> 
     </ul> 
     <a id="simplePrevious"><img src="_includes/images/larr.png" alt="Left Arrow" /></a> 
     <a id="simpleNext"><img src="_includes/images/rarr.png" alt="Right Arrow" /></a> 
    </section> 

<div class="big-image"><</div> 

进出口新的jQuery的所以原谅我naivity！

Answer 1

你为什么不使用链接而不是图片

$('.gallery-viewport-ext ul li a').on('click', function() { 
    alert($(this).attr('href')); 
    var $bigImg = $("<img />").attr("src", $(this).attr('href')); 
    $(".big-image").html($bigImg); 
    event.preventDefault(); 
}); 

Answer 2

它应该是attr('href')，而不是src，也，后删除分号attr()

alert($(this).parent('a').attr('href')) 

编辑：

$('.gallery-viewport-ext ul li a img').on('click', function() { 
    $('.big-image').html($(this).parent().html()); 
    return false; 
}); 

OR

$('.gallery-viewport-ext ul li a').on('click', function() { 
    $('.big-image').html($(this).html()); 
    return false; 
}); 

Answer 3

以下将把图像添加到大div。

$('.gallery-viewport-ext ul li a img').on('click', function (event) { 
event.preventDefault(); 
$('.bigimage').html('').append($('<img</img>').attr('src',$(this).parent('a').attr('href'))); 
});