jquery如何获得imgs src

Question

我有一个画廊，我有一些像这样的代码设置

$('.gallery img').click(function(){
    $('#gal_img').html('<img src=""/>');
});

这有很多其他的东西运行不重要，但我希望它从“.gallery img”获取img src放入新的img。我在.gallery div中有多个图像

Answer 1

您可以使用 .attr() ：

$('.gallery img').click(function(){
    var src = $(this).attr('src');
    $('#gal_img').html('<img src="' + src + '"/>');
});

或 .prop() 获取图片的src属性：

$('.gallery img').click(function(){
    var src = $(this).prop('src');
    $('#gal_img').html('<img src="' + src + '"/>');
});

---

作为@Vision建议，您也可以使用纯javascript this.src

$('.gallery img').click(function () {
    $('#gal_img').html('<img src="' + this.src + '"/>');
});

Answer 2

您还可以使用 .prop()

$('img').prop('src') 

Sample JSFIDDLE

否则你可以试试这个：

$('.gallery img').click(function(){
    $('#gal_img').html('<img src="' + this.src + '"/>');
});

Answer 3

您也可以这样做（最快的解决方案）：

$('.gallery img').click(function(){
    $('#gal_img').html('<img src="' + this.src + '"/>');
});

Answer 4

你可以这样做：

$('.gallery img').click(function(){
   var img = $('<img />', {'src' : this.src});
   $('#gal_img').html(img);
});