jQuery没有使用动态名称循环遍历div

时间:2015-10-14 09:02:42

标签: jquery arrays dynamic

我试图在一系列的地板上徘徊,为每个地板制作一个按钮,然后为一个房间设置一个容器' divs,然后通过容器并填充房间'。基本上我想从数组中创建一堆div,然后在数组中创建一堆div。

当我创建容器时,我给它们一个增量id(容器是roomPref;是的,我意识到那里有一个名为roomContainer的东西,现在是偶然的):

$.each(floors, function(index, value)
{
    $(document.getElementsByClassName("floorPref")).append('<a>' + value + '</a> <div class="roomContainer"> <div class="roomPref" id="roomPref'+value+'"> </div> </div>');
});

然后我尝试通过id迭代并填充房间,但无论出于何种原因它都不起作用:

$.each(floors, function(index1, value1)
{
    $.each(rooms, function(index2, value2)
    {
        $(document.getElementById('roomPrefB'+value1)).append('<a>' + value2 + '</a>');
    });
});

目前我正在使用假数组进行测试,如下所示:

var floors = [];
for(i = 0; i < 11; i++)
{
    floors[i] = "B";
    floors[i] += i+1;
}
var rooms = [];
for(i = 0; i < 100; i++)
{
    rooms[i] = i+1;
}

知道附加到命名元素&#34; roomPrefB1&#34;可能会有用。确实有效,并且通过按类名提取来追加所有元素会填充所有这些元素,这使我相信这可能是我编写动态名称&#39; roomPrefB&#39; + value1的方式的问题,除了我尝试了几种方法,这一方面看似正确。

感谢您提前提供任何帮助。

1 个答案:

答案 0 :(得分:0)

原来我是个白痴。 “floors”数组中的值是Bx,我试图将它们添加为x。谁看到了那个,没有奖品。

相关问题