通过javascript获取输入的id

我的HTML代码中包含此部分：

<div id="Container"></div>
<input type="button" value="Add input" class="btn-primary" id="AddInput"/>

我用这个脚本在'id=Container'中添加输入：

<script>
    $(document).ready(function () {
        var x = 0;
        //add inputs into container
        $("#AddInput").click(function () {
           $("#Container").append("<input id="myInput-${x}" data-x-degeri="${x}"/>");
           x++;
        });
        //show the value of x in this clicked x
        $(`[id^="myInput-"]`).on("change", function (e){
             var z = $(this).attr("data-x-degeri");
             alert(z);
        });
    });
</script>

$（文档）.ready（函数（）{
var x=0；
//将输入添加到容器中
$（“#添加输入”）。单击（函数（）{
$（“#容器”）。附加（“”）；
x++；
});
//在此单击的x中显示x的值
$（`[id^=“myInput-”]`）.on（“change”，函数（e）{
var z=$（this.attr（“data-x-degeri”）；
警报（z）；
});
});

这个脚本也应该显示我单击的输入的x值。但事实并非如此。 当我写作的时候它就开始工作了

<input id="myInput-${x}" data-x-degeri="${x}"/>

直接在我的HTML中

$（文档）.ready（函数（）{
var x=0；
//将输入添加到容器中
$（“#添加输入”）。单击（函数（）{
$（“#容器”）.append（``）；
x++；
});
//在此单击的x中显示x的值
$（'[id^=“myInput-”]）。在（“更改”上，函数（e）{
var z=$（this.attr（“data-x-degeri”）；
警报（z）；
});
});

---

您需要将

id

和

data-x-degeri

值用单引号括起来

”

$("#Container").append("<input id="myInput-${x}" data-x-degeri="${x}"/>");
                                  ^                            ^

$（文档）.ready（函数（）{
var x=0；
//将输入添加到容器中
$（“#添加输入”）。单击（函数（）{
$（“#容器”）。附加（“”）；
x++；
});
//在此单击的x中显示x的值
$（document）.on（“change”`[id^=“myInput-”]`，函数（e）{
var z=$（this.attr（“data-x-degeri”）；
警报（z）；
});
});

看起来您正在尝试进行字符串插值，但您需要反勾号才能使其正常工作：
`
如果您查看web控制台，您会发现其中的错误，需要注意。代码中的
myInput
是什么？你的代码中的
${x}
是什么？@Richard是的，这正是我想做的。@T.J.Crowder代码有点复杂，所以我尝试用这种方式使它变得简单。对不起，如果这不可理解
$(document).on("change", `[id^="myInput-"]`, function (e){...}