Question

我正在编写一个聊天功能，一个用户可能同时与多个聊天功能聊天，这需要生成多个div来加载聊天页面。通常，我只是在那里用id编写div，并使用jQuery调用它。现在，因为我不知道需要同时调用多少div，所以我不能提前写。任何的想法？或者，如果您有更好的解决方案，请告诉我。非常感谢你。

Answer 1

此方法允许您为每个聊天div分配唯一ID，以便将聊天输出发送到特定页面元素。

var number_of_chat_sessions = 4; // Adjust according to your needs, or assign programmatically

for ( var i=0; i<number_of_chat_sessions; i++) {
    var chat_div = $( "<div>Initial output here</div>" ).attr( "id" , "chat_session_" + i );
    $( "#chat_container" ).append( chat_div );
}

Answer 2

没有jQuery需要：

var newDiv = document.createElement('div');
newDiv.setAttribute('id', "your_current_id");
wrapper.appendChild(newDiv);

wrapper是包含div

的JavaScript对象

Demo here

Answer 3

for (var i = 0; i < 10; i++) {
    $('body').append(
        $('<div/>', {
            id: 'element_' + i,
            html: 'item ' + i
        })
    );
}

Demo

javascript：如何在前端动态生成div？

3 个答案: