我要添加存儲在一個變量在縮進一個jQuery附加的HTML代碼

Question

說我有這個jQuery代碼編號： var myID = 1;

$('.cpb-row-empty-hook').before('' + 
<input type="file" id="bg-image-uploader-"' + bgImageUploadID + ' /> 

我使用+下也可以追加縮進代碼jQuery的。問題是輸入實際上是以這種形式呈現的：

<input type="file" id="bg-image-uploader-" 1 /> 

存儲在該變量中的數字未添加到該ID。 感謝

Answer 1

試試這個

$('.cpb-row-empty-hook').before('' + 
<input type="file" id="bg-image-uploader-' + bgImageUploadID + '" /> 

Answer 2

使用jQuery(html, attributes)創建元素，這將節省您從報價混亂

var input = $('<input>', { 
    type: "file", 
    id: "bg-image-uploader-" + bgImageUploadID 
}); 
$('.cpb-row-empty-hook').before(input); 

---

但是，你需要明智地使用引號

$('.cpb-row-empty-hook').before('<input type="file" id="bg-image-uploader-' + bgImageUploadID + '" />')