在javascript中动态添加行时获得左侧空间

时间:2017-04-08 12:08:52

标签: javascript jquery

我正在使用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);
}

但是,当我点击该span元素时,它给出错误为Uncaught SyntaxError:Unexpected token} 但如果我更换onclick =&#34; showaleart(&#34;&#39; + fileName +&#39;&#34;)&#34; to onclick =&#34; showaleart()&#34;没有任何争论。 它没有给出错误。点击工作正常。 当我点击元素并检查元素。它创造了这样的元素。

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

1 个答案:

答案 0 :(得分:0)

您没有正确使用引文,第二组"会在onclick之外呈现bank.jpg。您需要使用不同类型的引号并将其转义。试试这个:

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

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