javascript - 如何为 JavaScript 循环内动态创建的 HTML 表单元素分配不同的 ID

标签 javascript jquery html

  var i = 0;
  while (i < 4) {        
  $('#container').append("<div><input type='textbox' class ='left'/><input type='textbox' class ='right' /></div>");
    i = i + 1;
  }

我需要为上面创建的输入文本框使用不同的 ID,以便我可以访问它们的值。

最佳答案

根据您在评论中尝试的内容,我认为您的语法是错误的。 试试这个:

  for (i=0; i<4; i++) {        
  $('#container').append("<div><input type='textbox' class ='left'/><input type='textbox' class ='right' id='left"+ i +"' /></div>");
  }

这将声明您的计数器,增加您的计数器,并附加您的容器,并在途中正确设置 ID。

关于javascript - 如何为 JavaScript 循环内动态创建的 HTML 表单元素分配不同的 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33962137/

相关文章:

javascript - 如何使用相对路径生成单个 *.d.ts 或多个

javascript - 如何为 Three.js 中的属性分配常量值

jquery - 如何让整个div在ie8中可以点击

html - 使用内容 : url() for a local image, 时没有图像出现,但它会出现在 web url 中。为什么?

jquery - 单击时更改 Bootstrap 4 下拉元素的颜色

javascript - 包含输入中的空格

javascript - jquery 使用按钮上下切换 div

javascript - 停止从 jquery Draggable stop 到 onclick 的事件传播

jquery - 如何在 Jquery fullcalendar 中刷新事件数据

php - 如何将源 html 附加到 PHP 中的 DOMElement?