javascript - Jquery 在 html() 上添加换行符

Question

success: function(usernames){
           //alert(usernames); ["adam","adam","adam","adam","adam"]
           //alert(usernames.length); 36
           var participants_list= eval(usernames); //adam,adam,adam,adam,adam
           //alert(participants_list.length);5
           var username= '';
           for(var i=0; i<participants_list.length; i++){

               username += participants_list[i] + "\n";

           }
           $("#usernames").html(username);
       }
    });

我正在尝试向#usernames 添加换行符，以便每个亚当都显示在一个新行上，但我不知道该怎么做。谢谢。

<td><div id="usernames">cindy</div></td>

Answer 1

您需要将每个用户名包装在一个 block 级元素中，以强制将它们放在各自单独的行中。例如，

username = "<p>" + participants_list[i] + "</p>";

也许在你的情况下会更好

username = "<tr class='user'><td>" + participants_list[i] + "</td></tr>";

$("your table id or class").append(username);