Jquery 剑道UI-尝试在运行时添加div

我试图在运行时添加id为的div。然后同时尝试将剑道ui图表添加到该分区中。但我无法做到这一点。如果有人有什么建议，那就紧急了。我有一个文本框，在其中输入一个值，然后尝试添加该数字

以下是我的代码：

function createChart() { 
    var noofcharts = document.getElementById('noOfCharts').value; 

    for(var i=1;i<=noofcharts;i++){ 
        var varSlid = "chart"+i; 
        var div= $("<div id='+varSlid+' style='display:inline-block;width: 20%; height: 20%;border:2px solid;'></div>" ); 
        $(document.body).append(div); 
        div.kendoChart({ series: [ { data: [1, 2] } ] }); 
    } 
}

函数createChart（）{
var noofcharts=document.getElementById（'noofcharts'）.value；
对于（var i=1；i尝试以下方法：

function createChart() {
    var noofcharts = $('#noOfCharts').val();

    for (var i = 1; i <= noofcharts; i++) {
        var varSlid = "chart" + i;
        var div = $("<div id='"+varSlid+"' style='display:inline-block;width: 20%; height: 20%;border:2px solid;'></div>");
        $(document.body).append(div);
        div.kendoChart({ series: [
            { data: [1, 2] }
        ] });
    }
}

函数createChart（）{
var noofcharts=$（'#noofcharts'）.val（）；
对于（var i=1；i
试试这个：

function createChart() {
    var noofcharts = $('#noOfCharts').val();

    for (var i = 1; i <= noofcharts; i++) {
        var varSlid = "chart" + i;
        var div = $("<div id='"+varSlid+"' style='display:inline-block;width: 20%; height: 20%;border:2px solid;'></div>");
        $(document.body).append(div);
        div.kendoChart({ series: [
            { data: [1, 2] }
        ] });
    }
}

函数createChart（）{
var noofcharts=$（'#noofcharts'）.val（）；
对于（var i=1；i
这是我的itfunction createChart（）代码{var noofcharts=document.getElementById（'noofcharts'）。value；用于（var i=1；iError:未声明HTML文档的字符编码。如果文档包含US-ASCII范围以外的字符，则在某些浏览器配置中，文档将以乱码文本呈现。页面的字符编码必须在文档或传输协议中声明。请查看其他信息查看如何正确提问。这些作为注释发布的信息应该放在帖子正文中！！代码中有什么不起作用？试试看这里是我的itfunction createChart（）代码{var noofcharts=document.getElementById（'noofcharts'）。value；for（var i=1；iError:未声明HTML文档的字符编码。如果文档包含US-ASCII范围以外的字符，则在某些浏览器配置中，文档将以乱码文本呈现。页面的字符编码必须在文档或传输协议中声明。请查看其他信息查看如何正确提问。你作为评论发布的信息应该放在帖子正文中！！你的代码中有什么不起作用？试试这里，你的代码和原来的代码有什么区别？除了你得到
noofcharts
的方式，但是它们是等价的？@OnaBai区别在这里
…id=“+varslide+”'style=…
，他在
+
之前和之后放弃了两个
”
。你为什么投票否决我？你的代码和原来的代码有什么区别？除了你得到
noofcharts
的方式，但它们是等价的？@OnaBai区别就在这里
…id=“+varslided+”'style=…
，他在
+
之前和之后放弃了两个
“
。你为什么投票否决我？