Question

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

示例：

[输入]宽度：960px [输入]列数＃ [输入]边距

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

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属性的有效，并且创建的DIV放在ID为output的容器中

Jquery：从输入中取＃并创建div

1 个答案: