ссылки на глобальные переменные jquery внутри html?

Question

Я новичок в jquery.

У меня есть строка кода: мне просто нужно передать переменную внутри функции html().

$('#myform #formProgress').html('<img src="ajax-loader.gif" /> Saving&hellip;'); 

Теперь img src у меня есть в переменной, как показано ниже.

var url = document.location.host; 
var url2 = url.concat("/MyApp/public/images/ajax-loader.gif"); 

Теперь внутри мне нужно пройти url2 в качестве img src тега. Как я могу это сделать?

Спасибо!

Answer 1

Два способа:

$(...).html('<img src="' + url2 + '"/>Saving...') 

Или:

$(...).append($('<img/>').attr('src', url2)) 

Второй способ чище/лучше ИМХО.

Answer 2

Использование конкатенации строк (оператор + со строками). Это не имеет никакого отношения к jQuery, и это очень простая концепция JavaScript (и общая обработка строк).

.html('<img src="' + url2 + '"> Saving&helliop;');