使用for循环创建div,h3并在javascript中插入数组变量

时间:2015-11-06 07:18:07

标签: javascript jquery html

我正在开发一个Web应用程序,我必须使用JavaScript填充用户好友列表。我使用以下代码来执行该操作,但我没有在其中获得任何名称,只创建了div,我还需要创建标题。如何使用javascript添加标题并在其中填充值?

$(document).ready(function(){
    var name = ["Amar", "rahul", "vinay"];
    var hobby=["aaa","bbb","ccc"];
    var toAdd = document.createDocumentFragment();
    for(var i=0; i <name.length; i++){
        var newDiv = document.createElement("div");
        var newheading = document.createElement("h2");
        newDiv.id='r'+i;
        newDiv.id='h'+i;
        newDiv.innerHTML = name[i];
        newDiv.className = 'ansbox';
        toAdd.appendChild(newDiv);
    }
    document.getElementById('sel').appendChild(toAdd);

3 个答案:

答案 0 :(得分:1)

请尝试此代码

# app/model/event.rb
validate :schedule_mode

private

def schedule_mode
  if project.schedule_mode == 'free'
    errors.add(:schedule_mode, "value can't be free")
  end
end

的document.getElementById(&#39; SEL&#39)。使用appendChild(TOADD) });

Fiddle

希望这会对你有所帮助。

答案 1 :(得分:0)

希望这会有所帮助。在分区

中添加标题元素
 newDiv.appendChild(newheading);

检查Fiddle

答案 2 :(得分:0)

如果你希望div以该顺序出现,只需颠倒你编写appendChild的顺序,例如添加“toAdd.appendChild(newDiv);”首先,然后添加“toAdd.appendChild(newheading);”后面。