引用javascript字符串+变量

时间:2017-02-11 01:32:11

标签: javascript jquery html css

我无法使其发挥作用,btn在这里是一个字符串但是' licz'是一个变量,我尝试过任何事情,有人可以帮助我并告诉我这有什么问题吗? Licz是一个从1到100的计数器,我想要那条线给出像

这样的东西

btn1,btn2等

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

有人能告诉我正确的方法吗?我会很感激

4 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

您需要将其附加到字符串中,如下所示:

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

或者如果您使用的是ES6

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

答案 2 :(得分:1)

您的变量未正确附加,需要像这样:

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

HERE就是一个工作的例子

答案 3 :(得分:0)

您需要在适当的位置停止并启动字符串。所以你可能想尝试

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

使用双引号正确断开字符串以允许您插入变量。