javascript img src path +變量連接

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>";
});

要學習字符串的串聯，請想象一下要刪除外部引號。 里面的所有引號都應該匹配，而外面的引號則相反或已轉義。

Answer 2

您可以使用准備好的字符串來更好地處理此類情況

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