使用javascript的html元素标题中的换行符

Question

I want to add a list of users in title & each user has a line, I try this :

var favTitle;

for(var j=0;j<like_favs[1].length;j++)
    favTitle +=like_favs[1][j].username+"\n";

$("#Item").append('<i title="In favorite users : '+favTitle+'">Favorite</i>');

I've also tried "
" and "
" but it does not work everything is written in one line, please help by anyway to leave a line.

Answer 1

尝试在每行末尾添加一个换行符（ <br> ）。

$("#fav").append('<i title="In favorite users : '+favTitle+'">Item</i><br>');

Answer 2


 should work (I've tested in Chrome, Firefox and Edge):

 let users = [{username: 'user1'}, {username: 'user2'}, {username: 'user3'}]; let favTitle = ''; for(let j = 0; j < users.length; j++) favTitle += users[j].username + "&#13;"; $("#item").append('<i title="In favorite users: &#13;' + favTitle + '">Favorite</i>'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id = item></div> 

Answer 3

I think this should work, otherwise, you should update your browser:

var favTitle = '';
for(var j=0;j<like_favs[1].length;j++)
    favTitle +=like_favs[1][j].username+"&#13;";

$("#Item").append('<i title="In favorite users : &#13;'+favTitle+'">Favorite</i>');