javascript字符串中的引号+变量

Question

I can't make it work, btn is a string here but 'licz' is a variable, I've tried anything, could someone help me and tell what is wrong with that ? Licz is a counter from 1 to 100, i want that line to give something like

btn1, btn2 etc

  $('#slider').append("<div id='btn ' + \\'licz><i class='fa fa-circle fa-2x' aria-hidden='true'></i></div>"); 

Can someone show me the proper way to do this ? I would be gratefull

Answer 1

    $('#slider').append("<div id='btn" + licz + "'><i class='fa fa-circle fa-2x' aria-hidden='true'></i></div>");

Answer 2

You would need to append it to your string like so:

 $('#slider').append("<div id='btn" + licz + "'><i class='fa fa-circle fa-2x' aria-hidden='true'></i></div>");

Or if you are using ES6

$('#slider').append(`<div id='btn${licz}'><i class='fa fa-circle fa-2x' aria-hidden='true'></i></div>`);

Answer 3

Your variable is not appended correctly it needs to be like this:

$('#test').append("<div id='btn '>" + licz + " <i class='fa fa-circle fa-2x' aria-hidden='true'></i></div>");

HERE is an example of it working

Answer 4

You need to stop and start the string appropriately where you want to. So you might instead like to try

$('#slider').append("<div id='btn " + licz + "><i class='fa fa-circle fa-2x' aria-hidden='true'></i></div>");

Breaking the string properly with double quotes to allow you to insert the variable.