javascript img src路径+变量串联

Question

我似乎无法正确转义 JS 变量来显示图像(用户头像)。 这样做的正确方法是什么？我需要帮助。

$.each(obj, function() {
     result = result + "<img class='user-pic' alt='' src="'assets/global/img/avatars/ + this['user_avatar'] + '"/> </a></div>";
      });

alt='' src="'assets/global/img/avatars/+ this['user_avatar'] + '"/> ";

Answer 1

应该是这样的:

$.each(obj, function(){
  result += "<img class='user-pic' alt='avatar' src='assets/global/img/avatars/"+this.user_avatar+"' /></a></div>";
});

要学习字符串的串联，想象一下外引号被去掉。内部的所有引号应匹配且与外部引号相反或转义。