Как вставить переменную в переменную строку?

Question

У меня есть этот код, который мне нужно установить уникальный title:

var tmpImg = '<img src="/admin/icons/cross.png" title="' + title + '" />'; 

$(this).find("tr td input").each(function(){ 
    title = $(this).attr("value"); 
    $(this).hide().before(tmpImg); 
}); 

То, что я хочу, чтобы это произошло, то, что каждый раз, когда each итерацию по <input>, он обновляет значение title в tmpImg строке. Я знаю, что могу отделить img HTML, как показано ниже, хотя я думаю, что это будет беспорядочно, когда мне нужно повторно использовать изображение позже по сценарию.

var tmpImg = '<img src="/admin/icons/cross.png" title="'; 

$(this).find("tr td input").each(function(){ 
    title = $(this).attr("value"); 
    $(this).hide().before(tmpImg + title + '" />'); 
}); 

Answer 1

Эти решения для замены шнуров являются гайками. Просто сделайте копию элемента и сразу установите атрибут.

var tmpImg = $('<img src="/admin/icons/cross.png" />'); 

$(this).find("tr td input").each(function() { 
    $(this).hide().before(tmpImg.clone().attr('title', this.value)); 
}); 

Answer 2

Изменить переменную для сортировки шаблона:

var tmpImg = '<img src="/admin/icons/cross.png" title="$title" />'; 

Затем замените его со значением входного:

$(this).hide().before($(tmpImg.replace("$title", this.value))); 

выше имеет минимальные изменения в исходном коде, тем лучше JQuery путь хотя это:

$(this).hide().before($("<img />").attr("src", "/admin/icons/cross.png").attr("title", this.value)); 

Answer 3

Вы можете поставить какой-то заполнителем маркера в строку, а затем использовать replace:

var TITLE_TOKEN = '%%TITLE%%'; 
var tmpImg = '<img src="/admin/icons/cross.png" title="' + TITLE_TOKEN + '" />'; 

$(this).find("tr td input").each(function(){ 
    $(this).hide().before(tmpImg.replace(TITLE_TOKEN, $(this).attr("value"))); 
}); 

---

Side Примечание: $(this).attr('value') обычно лучше написано this.value или $(this).val().

Answer 4

Это, как я хотел бы сделать это, для чего это стоит:

$(this).find("tr td input").each(function(){ 
    $('<img/>', { 
     src: "/admin/icons/cross.png", 
     title: this.value 
    }).insertBefore(this).next().hide(); 
});