Jquery: Prendre # de l'entrée et créer div

Question

J'ai quelques entrées qui permettent aux gens d'entrer un nombre (en px) pour la largeur, un pour le nombre de colonnes, et une autre entrée pour définir les marges pour chaque div .. En utilisant jquery, comment puis-je prendre ces nombres et créer ces divs avec la largeur et les marges appropriées?

Exemple:

[Entrée] Largeur: 960px [Entrée] # de colonnes [Entrée] Les marges

Fondamentalement, je suis en train de montrer comment la mise en place sera donc l'utilisateur verra .

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 
}); 

Cela suppose que les marges sont transmises dans un format valide pour la validité de la propriété margin CSS, et que les DIVs créés sont placés dans un conteneur avec l'ID output