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