jquery：从输入＃并创建div

Question

我有几个输入，它允许人们输入一个数字（以px为单位）的宽度，一列为列数，另一个输入为每个div设置边距。使用jquery，我如何获取这些数字，并创建适当的宽度和边距这些div？

例子：

【输入】宽度：960像素 【输入】栏目＃ 【输入】边距

基本上我试图说明如何设置将让用户将看到它。

Answer 1

var numCols = parseInt($('#columns').val()); 
var width = parseInt($('#width').val()); 
var margins = $('#margins').val(); 

var output = ""; 
for(var i=0;i<numCols;i++) 
{ 
    output += '<div class="created">Div #'+(i+1)+'</div>'; 
} 
$('#output').append(output); 
$('.created').css(
{ 
    width: width+'px', 
    margin: margins 
}); 

这是假设的利润率是有效的格式传递是有效的margin CSS属性，并创建放在一个容器中与ID output