如何将HTML ID设置为变量

时间:2018-12-17 18:45:29

标签: javascript jquery html

$('#submit').click(
    function (event) {
        event.preventDefault();
        let number = 0;

        $("#tasklist").append("<li id='addedtask number'>" + $('#task_to_add').val() + "</li>" +
            "<form action='index.html' method='get'> <input type='submit' id='remove index' value='remove'></input> </form>");


    }
);//end of submit   

我正在使用jquery动态添加此按钮,并且我想增加此按钮的ID,我该怎么做? 我希望它在第一次出现后应该与之等效:

<input type='submit' id='remove index 1' value='remove>

然后秒:

<input type='submit' id='remove index 2' value='remove>

如果我尝试将变量int像“删除索引myvar”那样放在id中,我认为它将像对待字符串一样对待myvar。有没有办法像变数一样被对待?  请指教,谢谢。

1 个答案:

答案 0 :(得分:1)

var currentId = 1;
$("#submit").click(function(event) {
    event.preventDefault();

    $("#tasklist").append(
        "<li id='addedtask'>" +
            $('#task_to_add').val() +
        "</li>" +
        "<form action='index.html' method='get'>" +
            "<input type='submit' id='remove-index-" + currentId++ + "' value='remove'></input>" +
        "</form>"
    );
});