Question

我试图在我的javascript函数中将一个int连接到我的id，但不知何故id不起作用，我得到一个NaN。

代码：

observeBox: function() {
    $('#selection').on('click', function() {
        $selection = $(this).val();
        $selection.forEach(function(currentValue,index,array){
            console.log(index);
            $('#sliderAppend').append(
            +'<div id=\"showInput'+index+'_'+$selection[index]+'\">'
                +'<span class=\"btn btn-primary btn-file\">'
                    +'<span class=\"fileupload-new\">'+$selection[index]+'</span>'
                    +'<input id=\"subtitles_file\" name=\"subtitles_file\" type=\"file\" class="\ImageInput upload\" value=\"\">'
                +'</span>'
                +'<span class=\"fileupload-preview\"></span>'
            +'</div>');
        });
        console.log($selection);
    });
},

基本上我在这行中得到错误：

            +'<div id=\"showInput'+index+'_'+$selection[index]+'\">'

某种程度上它无法正确地连接索引。

如果我

console.log(index);

我得到了正确的价值观。

$selection[index]

也会返回正确的值。

Answer 1

从+

中删除第一个+'<div id=\"showInput'+index+'_'+$selection[index]+'\">'字符

应该是：

'<div id=\"showInput'+index+'_'+$selection[index]+'\">'

让前导+尝试将其后面的字符串转换为数字，该数字会失败，并为您提供NaN。

Javascript Concate int to html id NaN

1 个答案: