javascript - jQuery 使用动态 ID 和定义的 CSS 属性(定义该 div 的外观和位置)创建 DIV

Question

我这里有一些基本代码。它只是创建一个 div 元素到某个定义的位置，ID 不是动态的。

var i=1;
while (i<=6)
{
    jQuery('<div/>', {
        id: 'karta_back'
        // I don't know how to insert CSS here
    }).appendTo('#igrac1');

    ++i;
}

问题在于动态 ID。使用 css，我不知道如何在该函数内定义 CSS。对于此示例，我使用了文档中某处定义的内部 CSS。有了这个位置，我想卡片需要 CSS 绝对定位才能像我想要的那样执行。

这是我用我写的这个简单代码得到的结果: http://dl.dropbox.com/u/2849320/achieved.png

这是我想要实现的: http://dl.dropbox.com/u/2849320/want%20to%20achieve.jpg

我该怎么做？

Answer 1

我会这样做。类是处理样式的更好方法。

http://jsfiddle.net/Ctsus/

var i = 1;
while (i <= 6) {
    var newId = 'karta_back' + i;
    $('<div/>', {
        id: newId,
        'class': 'card'
    }).appendTo('#igrac1');

    i++;
}

#igrac1 div.card { 
    float: left; 
    border: 1px solid black; 
    height: 150px; 
    width: 100px;
    background: lightblue;
    margin-left: -30px;
}