Użycie zmiennej w JQuery

Question

Witam.

Piszę taki skrypt, który po kliknięciu w odpowiedni przycisk tworzy nowego diva i scrolluje stronę do tego diva.

$(document).ready(function(){
	$(".btn").click(function(){
	var temp = this.id + '0'; //pobiera id klikniętego diva
		$(function(){
			$("<div/>",{"class": 'nowy',
				"id":temp }).appendTo('body'); 
			$('.btn').off("click");	// blokowanie ponownego kliknięcia	
			$('html,body').animate({
        		scrollTop: $("#div110").offset().top},
        		'slow');

		});

	});
});

W tej wersji kod działa, ale chcę, żeby w linijce:

	scrollTop: $("#div110").offset().top},
        	'slow');

zamiast na sztywno podawać id skorzystać z zmiennej do której pobieram id. Zmiana "#div110" na temp nic nie daje. Ma ktoś jakiś pomysł bo już nie wiem jak tego szukać?

Answer 1

A jak wygląda zmienna temp? Samo id? Wtedy '#'+temp

Comments

No i o to chodziło :) 

scrollTop: $('#' + temp).offset().top},
        		'slow');

Dodanie '#' załatwiło sprawę,

Dzięki wielkie ;)

Answer 2

Pojawia się jakiś błąd w konsoli?

Co konkretnie siedzi w zmiennej temp (w momencie uruchomienia skryptu)? Zobacz to przez console.log(temp);

Comments

W obecnej wersji skryptu w zmiennej jest div110

jak zmienię w kodzie "#div110" na temp to w konsoli wyskakuje błąd:

Uncaught TypeError: Cannot read property 'top' of undefined