Javascript 即使使用Jquery，也可以在onClick上获取动态生成的输入值

我试图获得动态生成的输入的相应值。换句话说，我有X个动态生成的输入；每个输入都绑定到一个按钮。话虽如此，我希望用户收到绑定到单击按钮的动态生成的输入的警报。到目前为止，我所做的并没有解决这个问题，无论单击什么按钮，都只生成第一个输入的值

我有以下代码-一个动态输入和一个按钮：

<input type="hidden" id="job_id" name="jobIdName" value="{{ job_id }}">  // please note this input is dynamically generated....

<button name="get_id_name"  class="get_id_class" id="get_id_id" >Show Id</button>

上面的代码一直只生成第一个生成的输入值？有什么想法或建议吗

我看到过一些帖子，可能看起来和这篇相似，但它们都很老了；另外，我正在寻找一个更现代的实现。

将“输入标签”添加到div中：

var计数器=0；
$（文档）.ready（函数（）{
$（“#获取_id_id”）。单击（函数（）{
var divChildren=$（“.job_id”）.children（）；
if（计数器

Show Id
可能重复的@justDan您所指的复制品已经7年了！从那时起，情况发生了很大变化。此外，在阅读了可能是重复的想法后，我可以向你保证，它是完全相同的。谢谢您不能有多个ID相同的元素。当您这样做并尝试回读时，即使在每个循环中，它也将始终只读取第一个元素。。。仅仅是因为应该只有一个元素。将类用于循环并为每个元素指定不同的id。在HTML元素上指定时，id属性值必须在元素树中的所有id中唯一，并且必须至少包含一个字符。不幸的是，这将显示所有ID，而不是每次单击按钮只显示一个ID！在HTML元素上指定时，id属性值必须在元素树中的所有id中唯一，并且必须至少包含一个字符。
$('#get_id_id').each(function(index) {

    $(this).click(function() {
        var job_ids = $("[name='jobIdName']");

        console.log('Job Ids -------------- : ' + job_ids);

    });
});