jquery如何获得imgs src

Dre*_*rew 2 javascript jquery

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

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

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

Fel*_*lix 6

您可以使用.attr():

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

.prop()获取src图像的属性:

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

作为@Vision建议你也可以使用纯JavaScript this.src

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

  • 无需过度复杂化.`this.src`是最快的解决方案. (5认同)