Textarea有神秘的空白

Question

由于某种原因，我追加到使用jquery的textarea会创建空格。

的javascript

$(document).ready(function(){
  var artistName = $("#artist-name").text();
  var songName = $("#song-title").text();
  var prepopulated_tweet = "@Myrfriends @RndomPerson \"you'll love this track\" @" + artistName + " - " + songName + " #Rock #Pop #Soul Krilex.******.co/rx11"
  $("#tweet-message").append(prepopulated_tweet);
})

HTML

<textarea name="name" rows="4" cols="80" id="tweet-message"></textarea>

输出

  

@Myrfriends @RndomPerson“你会喜欢这首曲目”@Krilex -

     

碎片 - 红色

     <＃>＃Rock #Pop #Soul Krilex。*****。co / rx11

任何线索？

Answer 1

#song-title元素中的内容必须有新行。

假设：

<div id="song-title">
  Pieces - Red
</div>

$("#song-title").text();会返回：

"
  Pieces - Red
"