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 stackoverflow.com/questions/2534803/… — IrkenInvader
– IrkenInvader, Commented Nov 16, 2017 at 16:33
i tried format by myself but, even this code at question is messed up, the tags are made with html symbols — user4332766
– user4332766, Commented Nov 16, 2017 at 17:02

T Porter · Accepted Answer · 2017-11-16 16:39:35Z

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, 2017 at 16:39

T Porter

1,2819 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thank you but itsstill show the word displayName and not the Name of the item