Почему $ (this) относится к обернутому набору вместо отдельного элемента?

Question

В этой функции

template.find('.userPhoto img').error(function() { 
    $(this)[0].src = '/images/default.png'; 
}).attr('src', image); 

Я ожидал $ (это) для обозначения отдельного элемента, но это не так; вместо этого это относится к завернутому набору ... можете ли вы понять, почему?

Спасибо!

Answer 1

Почему $(this) имеет в виду обернутый набор вместо отдельного элемента?

Потому что кто-то не знал ничего лучшего.

В этом контексте, если вы хотите оригинальный DOM элемент, просто использовать this

С другой стороны, если вы хотите, чтобы вызвать методы JQuery на этом элементе, используйте $(this).

Поскольку все, что вы делаете, устанавливая свойство DOM элемента, вы должны использовать прежний:

template.find('.userPhoto img').error(function() { 
    this.src = '/images/default.png'; 
}).attr('src', image); 

Answer 2

Я думаю, это потому, что так что вы можете применить метод выбора и есть унифицированная API

$("a").each(function(){ 
    $(this).each(...).click(...); 
}); 
$("a").click(...); 

Answer 3

Вот как работает JQuery, это ожидаемое поведение.

$() превращает элемент DOM в объект jQuery (который претендует на массив), который представляет собой набор элементов (элементов) DOM.

В вашем ответе вам не нужно использовать $().

Поскольку this является элемент, который вы хотите, вы можете просто сделать:

template.find('.userPhoto img').error(function() { 
    this.src = '/images/default.png'; 
}).attr('src', image); 

Или вы можете сделать это:

template.find('.userPhoto img').error(function() { 
    $(this).attr('src', '/images/default.png';); 
}).attr('src', image); 

$(this).attr('src' изменит атрибут всех элементов (в вашем случае , один) в множестве.