Question

让我们说id是动态生成的，我如何访问这些ID。我想在单击一个字段时显示要显示的单击字段的ID。

＆＃13;

 <input class="challengee" id="challengee0" placeholder="challengee0"><br>
  <input class="challengee" id="challengee1" placeholder="challengee1"><br>
  <input class="challengee" id="challengee2" placeholder="challengee2"><br>

＆＃13;

Answer 1

难道你不能获得.challengee类的所有节点吗？然后使用id访问它们。例如：

var $challengees = Array.from($('ul > .challengee'))
var ids = $challengees.map(challengee => $(challengee).attr('id'))

会给你一个包含所有ID的数组。

Demo

编辑：如果你想要的是获取某个事件的id，那么它的生成方式并不重要。你可以这样做：

$challengees.on('focus', function() {
    console.log(this.id)
})

Demo

Answer 2

尝试使用此代码段，它会为您提供ID列表。

var ids = $('input.challengee[id^=challengee]').map(function(){
   return this.id;
}).get();

如何在jquery中访问动态生成的id

2 个答案:

Demo

Demo