How to use variable in string in jQuery

Question

I want to use a variable in a string. I have tried to do it many times, but it is only getting the variable name.

Answer 1

Concatenating can be done with + as follows.

$('.html').html("<div class='new' id='" + id + "'>jitender</div>");

Reference:

• https://developer.mozilla.org/en/JavaScript/Reference/Operators/String_Operators

Answer 2

You can also use template literals:

$('.html').html(`<div class='new' id=${id}>jitender</div>`)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 3

I felt this to be a more easy and efficient way. (use ``)

$(".html").html(`<div class="new" id="${id}">jitender</div>`)

Answer 4

The correct way of doing this is is by taking advantage of jQuery's HTML constructor to perform all the necessary escaping for you:

$("a").click(function() {
    var id= $(".id").html();
    // create new element
    $('<div>', { 
        class:'new', 
        id: id, 
        text: 'jitend'
    }).appendTo('.html'); // and append it
});

Answer 5

Javascript does not support expanding variables inside double quotes. Close (and reopen) the quotes and use the + operator, as you already did.

"<div class='new' id='" + id + "'>"

here id is variable

Answer 6

Try this

$(".html").html("<div class='new' id='"+id+"'>jitender</div>")