div从右到左添加div

时间:2014-07-13 16:10:27

标签: javascript jquery

我在其中附加了带有图片标记的div而没有任何问题。

我现在遇到的问题是如何在不影响我当前代码的情况下从右到左追加div,效果相同。这有可能吗?

我尝试使用css float属性,但没有运气。

这是我的代码的主循环:

img = '<div id="deck1">'
for (var i = 0; i < 9; i++) {
    var rand = makeUniqueRandom();
    j = rand + 1;
    img +='<img id="img'+j+'" src="http://dummyimage.com/64x64/000/fff&text='+j+'" />';           
}
img += '</div">'
$("#deck").append(img);

我的代码的演示链接:

JSFIDDLE

更新

我想要做的是从右到左附加图像。

例如:

当前结果是:

1 2 3 4 5 6 7 8 9

预期结果应为:

9 8 7 6 5 4 3 2 1

这也可以用于将来的实现,在我的最后将添加第二行,从而使输出看起来像这样,因为我计划在第二行添加第10-18行,这将以这种方式输出:

9 8 7 6 5 4 3 2 1

18 17 16 15 14 13 12 11 10

这就是我想要实现的目标。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

创建一个函数,该函数返回从右到左排序的字符串,您将附加到DOM,并在需要时调用它并传递需要排序的数组

<强> JS

function appendRightLeft(arr){
    var str = "";
    for(var x = 0; x < arr.length; x++){
        str = arr[x] + str;
    }
    return str;
}

<强> FIDDLE

http://jsfiddle.net/Jc2kJ/3/

为了简单起见,我在这里使用了数组作为参数,但您可以编辑代码以使用开始和结束索引创建img标记,例如

function myFunc(start, end){
    for(var x = start, x < end; x++){
        //--- create your string here
    }
}