从HTMLImageElement对象获取图像源

Question

我有以下jQuery，我想输出图像列表。问题是我找不到这个来源。它目前是一个输​​出为HTMLImageElement的对象。如何从此对象获取图像源？

$("#imgs li.images img").each(function(i) { 
    $("#list").append("<li><img src=\""+this.attr("src")+"\" /></li>");
});

我目前得到的错误是this.attr不是函数。

Answer 1

this是DOMNode，而不是jQuery对象。您可以立即访问this.src，或者，如果您想使用jQuery，$(this).attr('src')，尽管可能会绕道而行。

Answer 2

使用$(this)代替this。

Answer 3

问题是你使用'this'。它是面向对象编程中使用的特殊关键字，用于引用对象自己的属性