Показать сообщение отдельно
  #1 (permalink)  
Старый 10.04.2011, 09:41
Новичок на форуме
Отправить личное сообщение для Svad Посмотреть профиль Найти все сообщения от Svad
 
Регистрация: 10.04.2011
Сообщений: 2

Вопрос по поводу .each
Добрый день.
Уважаемые форумчане, подскажите пожалуйста.
Есть вот такой js-код, добавляющий в DOM к каждому элементу input один span по соседству:
var switchedToSpanInput = {
	config : {
		wrapper : '.center'
	},
	link: $('<span/>')
		.addClass('to-edit')
		.text('somespan'),
	init : function(config){
		$.extend(switchedToSpanInput.config,config);
		$(switchedToSpanInput.config.wrapper)
			.find('input')
			.each(function(){switchedToSpanInput.appendLink(this);});
	},
	
	appendLink : function(switchedInput){
		$(switchedInput).parent().append(switchedToSpanInput.link);
	}
}

$(document).ready(function(){
	switchedToSpanInput.init();
}


В таком виде происходит следующее: к первому инпуту присоединяется спан, но в следующей итерации функции each он пропадает, и появляется возле второго инпута, на следующей итерации спан пропадает у второго и появляется у третьего. Таким образом спан остается только возле последнего инпута.

Если заменить .each
.each(function(){switchedToSpanInput.appendLink(this);});

на непосредственный вызов
.parent().append(switchedToSpanInput.link)

то все работает как надо.

В чем причина такого поведения?
Ответить с цитированием