Javascript 如何将html id设置为变量 $（'#提交'）。单击( 功能（事件）{ event.preventDefault（）； 设数=0； $（“#任务列表”）.append（“+$（'#task_to_add'）.val（）+“”+ " "); } );//提交结束

我正在用jquery动态添加这个按钮，我想增加这个按钮的id，我该怎么做？ 我希望它在第一次之后与此等效：

$('#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   

如果我尝试在id中放入一个变量，比如'remove index myvar'，我想它会把myvar当作字符串处理。有没有一种方法可以被当作变量来对待？ 请告知并感谢。

var currentId=1；
<input type='submit' id='remove index 2' value='remove>

$（“#提交”）。单击（功能（事件）{
event.preventDefault（）；
$（“#任务列表”）。追加(
“
”+
$（'task_to_add'）.val（）+
“
”+
"" +
"" +
""
);
});  

您是否在询问如何连接字符串？能否显示用于添加这些元素的代码？请使用Vue JS或React进行这些操作。更改ID可能不是最好的方法。您试图完成哪些数据属性无法完成的任务？您可以通过使用顺序选择器：$（“#任务列表li”）.eq（1）轻松完成此任务，并忘记ID分配。

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

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>"
    );
});