Change variable inside js string

Question

I would like to change the following line:
$("<ul><li><a href="+url">"+displayName + "</a>"+"<br>"+description+"</br></li></ul>".appendTo(".results")

into the next string:
$("<ul><li><a href={0}> {1}" + "</a>"+"<br>"+description+"</br></li></ul>",{0:url, 1:displayName}.appendTo(".results").

however, instead of displayName i get 1. please help to fix this As you can see i've tried to write it like in c#

looks a little like string.format from c#, look here https://stackoverflow.com/questions/2534803/use-of-string-format-in-javascript — IrkenInvader, Nov 16 '17 at 16:33
i tried format by myself but, even this code at question is messed up, the tags are made with html symbols — , Nov 16 '17 at 17:02

score 1 · Answer 1 · answered Nov 16 '17 at 16:39

1

Using ES6 string interpolation, it would look like this:

$(`
  <ul>
    <li>
      <a href=${url}> ${displayName}</a>
      <br>${description}</br>
    </li>
  </ul>
`).appendTo(".results");

Notice the back-ticks instead of double-quotes.

answered Nov 16 '17 at 16:39

T Porter

Thank you but itsstill show the word displayName and not the Name of the item – Sapir Pe'er Nov 16 '17 at 16:54

1 Answers1