Quiero mostrar los comentarios línea por línea en un div, pero el div se cierra primero y luego se enumeran los comentarios.
if (comments.num_replies > 0) { $("#showComment").append(`<div id="replyContainer${comments.comment_id}" class="replyContainer">`); comments.comment_replies.forEach((replies) => { $("#showComment").append(` <div class="img-comment reply"> <img src="${home_url}img/user.png"> <div class="m-2 p-3 "> <div class="user-date"><p class="username">@${replies.replier_username}</p><p class="date">${replies.dates}</p></div> <p class="comment_content">${replies.reply_comment_content.replace(/\n/g, "<br>")}</p> </div> </div> `) }); $("#showComment").append(`</div>`); }Puedes intentar algo como esto
if (comments.num_replies > 0) { let replies = comments.comment_replies.map((replies) => ( `<div class="img-comment reply"> <img src="${home_url}img/user.png"> <div class="m-2 p-3 "> <div class="user-date"><p class="username">@${replies.replier_username}</p><p class="date">${replies.dates}</p></div> <p class="comment_content">${replies.reply_comment_content.replace(/\n/g, "<br>")}</p> </div> </div>` )); $("#showComment").append(`<div id="replyContainer${comments.comment_id}" class="replyContainer">${replies.join('')}</div>`); }