在javascript中動態添加行時獲得左側空間

Question

我正在使用onclick添加動態範圍。

$.ajax({ 
       url:path, 
       type: "POST", 
       contentType: false, // Not to set any content header 
       processData: false, // Not to process data 
       data: formdata, 
       success: function (result) { 

        if(result==1){ 

         for (var FileName of formdata.entries()) 
         { 
          var fileName=FileName[0].trim(); 

          **$("#"+PreviewControl).append('<span onclick="showaleart("'+fileName+'")">'+fileName+'</span>');             
          $("#"+hdnHasFile+"").val(1) ;** 
         } 
        } 
       } 
      }); 
function showaleart(filename){ 
alert(filename); 
} 

但是，當我單擊跨度元件其給錯誤作爲未捕獲的SyntaxError上：意外令牌} 但是，如果我取代的onclick = 「showaleart（」 '+文件名+' 「）」 到的onclick =「showaleart（） 「沒有任何爭論。 它不會給出錯誤，並且點擊正在工作。 當我點擊元素，並檢查元素。它正在創造這樣的元素。

<span onclick="showaleart(" bank.jpg")"="">Bank.jpg</span> 

Answer 1

您沒有使用正確的報價，第二套"呈現bank.jpg外的onclick的。您需要使用不同類型的引號並將其轉義。試試這個：

'<span onclick="showaleart(\''+fileName+'\')">'+fileName+'</span>' 

或

`<span onclick="showaleart('${fileName}')">${fileName}</span>`