jQuery-基于用户输入创建引导网格

jQuery-基于用户输入创建引导网格,jquery,Jquery,请帮助我根据用户输入生成网格系统 如用户输入: 3 3 2 4 然后它将创建此引导网格: <div class="row"> <div class="span3">...</div> <div class="span3">...</div> <div class="span2">...</div> <div class="span4">...</div>

请帮助我根据用户输入生成网格系统

如用户输入:

3 3 2 4
然后它将创建此引导网格:

 <div class="row">
    <div class="span3">...</div>
    <div class="span3">...</div>
    <div class="span2">...</div>
    <div class="span4">...</div>
  </div>

您可以使用split函数

例如:

var input = "3 3 2 4";
var parts = input.split(" ");
console.log(parts);
输出:

["3", "3", "2", "4"]
然后循环遍历数组,将它们逐个添加到div容器中(不过最好将id分配给div容器)

这是在数组中循环的一个示例。(参考资料:)

for(i=0,l=parts.length;i
您可以使用拆分功能

例如:

var input = "3 3 2 4";
var parts = input.split(" ");
console.log(parts);
输出:

["3", "3", "2", "4"]
然后循环遍历数组,将它们逐个添加到div容器中(不过最好将id分配给div容器)

这是在数组中循环的一个示例。(参考资料:)

for(i=0,l=parts.length;i
至于将文本拆分并将其转换为整数:

var input = "3 3 2 4";
var nums = input.split(' ').map(function(i){return parseInt(i);});
然后,您只需先循环创建父对象,然后创建子对象和子对象的子对象,如:

for( var i =0; i<nums.length;i++) 
    for (var j =0; j<nums[i];j++) {
        document./*container*/.appendChild(/*your sub-containers*/)

        for (var k =0; k<nums[j];k++) 
            document./*sub-container*/.appendChild(/*your sub-sub-containers*/)
            ...
    }

for(var i=0;i关于中断文本并将其转换为整数:

var input = "3 3 2 4";
var nums = input.split(' ').map(function(i){return parseInt(i);});
然后,您只需先循环创建父对象,然后创建子对象和子对象的子对象,如:

for( var i =0; i<nums.length;i++) 
    for (var j =0; j<nums[i];j++) {
        document./*container*/.appendChild(/*your sub-containers*/)

        for (var k =0; k<nums[j];k++) 
            document./*sub-container*/.appendChild(/*your sub-sub-containers*/)
            ...
    }


用于(var i=0;iso您到目前为止做了什么?您将在何处添加创建的引导网格?我将在
div.container
中预先添加这些数字表示什么,引导部分在何处?@CME64 number表示引导跨距大小,空格表示新跨距。那么您到目前为止做了什么?您将在何处添加创建的引导网格?我将在
div.container
前面加上这些数字表示什么,引导部分在哪里?@CME64数字表示引导跨度大小,空格表示答案的新跨度,但是你能告诉我如何生成跨度吗请给我一个简单的循环示例,与PHP相同吗?我很高兴我能够elp.:)我可以在变量中分配这个循环吗?@HowToPlease你可以分配一个函数给一个变量,然后再使用它来回答这个问题,但是你能告诉我如何生成SPAN吗?请给我一个简单的循环示例,与PHP相同吗?我很高兴能提供帮助。:)我可以在变量中分配这个循环吗?@HowToPlease你可以给变量分配一个函数,以后再使用它。我似乎被“网格”这个词误导了在标题中,OP只是想将子对象附加到容器中!无论如何,这里是一个例子,如果OP改变了主意,可以创建一个网格!感谢这个解决方案,在来到BS之前,我试图做同样的事情,但后来我迁移到BS。感谢它也在工作+1似乎我被“网格”这个词误导了在标题中,OP只想将子对象附加到容器中!无论如何,这里是一个例子,如果OP改变了主意,可以创建一个网格!感谢这个解决方案,在来到BS之前,我尝试做同样的事情,但后来我迁移到了BS。感谢它也可以+1工作