다른 javascript 변수에서 이미지 URL 변수를 사용하는 방법은 무엇입니까?

Question

어느 것이 든 myVariable 및 myVariable2를 javascript 변수 인 siteContents2라고 올바르게 사용하는 방법을 알려줄 수 있습니까? 현재이 코드에는 이미지 엄지와 그 이름이 표시되지 않습니다.

var siteContents2="" 
      +"<li>" 
      +"<img src=""+myVariable2+"" width=\"180\" height=\"148\"" 
      +"alt=\"'+myVariable+'\" class=\"png\">" 
      +"<a href=\"'+myVariable+'" class=\"corners\">&nbsp;<\/a>" 
      +"" 
      +" " 
      +"  " 
      +"   " 
      +"<div class=\"thumbnail_label\">mango<\/div>" 
      +"   " 
      +"  " 
      +" " 
      +"" 
      +"<div class=\"details\">" 
      +"<div class=\"title\">" 
      +"  <a href=" 
      +"  \"'+myVariable+'">"+myVariable+"<\/a>" 
      +"  <span class=\"season\">2<\/span>" 
      +" <\/div>" 
      +" <ul class=\"subject\">" 
      +"  <li>mango sesaon<\/li>" 
      +" <\/ul>" 
      +" <ul class=\"sub-info\">" 
      +"  <li class=\"location\">us<\/li>" 
      +"  <li class=\"price\">2 dollar<\/li>" 
      +" <\/ul>" 
      +" <\/div>" 
      +"<\/li>"; 

     $('#myDiv').append(siteContents2) 

Answer 1

탈출 모든 따옴표와 변수를 사용하는 코드를 사용

var str = "Text text "+variable_name+" continuing text"; 

만 변수는 "+variable+"처럼 포장되어 있습니다. 큰 따옴표가 많은 경우

,이 같은, 당신의 변수 내용의 주위에 작은 따옴표를 사용할 수 있습니다 : 당신이 그 예에 작은 따옴표가있는 경우

var str = '<div class="test">'+variable_name+'</div>'; 

, 당신처럼 탈출한다 \'. 큰 따옴표는 이스케이프 할 필요가 없습니다.

Answer 2

var siteContents2="" 
      +"<li>" 
      +"<img src='" + myVariable2 + "' width=\"180\" height=\"148\"" 
      +"alt='" + myVariable + "' class=\"png\">" 
      +"<a href='" +myVariable+ "' class=\"corners\">&nbsp;<\/a>" 
      +"" 
      +" " 
      +"  " 
      +"   " 
      +"<div class=\"thumbnail_label\">mango<\/div>" 
      +"   " 
      +"  " 
      +" " 
      +"" 
      +"<div class=\"details\">" 
      +"<div class=\"title\">" 
      +"  <a href=" 
      +"  '" + myVariable + "'>"+myVariable+"<\/a>" 
      +"  <span class=\"season\">2<\/span>" 
      +" <\/div>" 
      +" <ul class=\"subject\">" 
      +"  <li>mango sesaon<\/li>" 
      +" <\/ul>" 
      +" <ul class=\"sub-info\">" 
      +"  <li class=\"location\">us<\/li>" 
      +"  <li class=\"price\">2 dollar<\/li>" 
      +" <\/ul>" 
      +" <\/div>" 
      +"<\/li>";