comment utiliser l'image URL variable dans une autre variable javascript?

Question

quelqu'un pourrait-il me dire comment utiliser myVariable et myVariable2 correctement dans la variable javascript appelée siteContents2? à ce moment mon code n'affiche pas le pouce de l'image et son nom.

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

échapper à toutes les guillemets doubles et utiliser ce code pour utiliser une variable:

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

Seules variables sont enveloppées comme "+variable+".

Si vous avez beaucoup de guillemets, vous pouvez utiliser une offre unique autour de votre contenu de la variable, comme ceci:

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

Si vous avez une seule citation dans cet exemple, vous devez échapper comme \'. Les guillemets doubles n'ont pas besoin d'être échappés alors.

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