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은 jQuery 객체가 아닌 DOMNode입니다. this.src에 즉시 액세스하거나 jQuery를 사용하려는 경우 $(this).attr('src')을 사용할 수 있지만 동일한 일을하는 경우 우회로가됩니다.

Answer 2

this 대신 $(this)을 사용하십시오.

Answer 3

문제는 'this'를 사용하는 것입니다. 이것은 객체 지향 프로그래밍에서 객체 소유 속성을 참조하는 데 사용되는 특수 키워드입니다.