Javascript 为什么在JS中添加动态列表项时标签ID没有增加

因此，当用户填写文本框的信息并点击add时，我会向页面添加一个列表项。它的格式如下：

  <label id="cb1">list item</label>
  <label id="cb1">list item2</label>

列表项
清单项目2

但它从未将1增加到2。 这是我正在使用的函数

   function addItem(name) {
  var container = $('#sortable');
  var inputs = container.find('input');
  var id = inputs.length+1;

  $('<li /> ', { 'id': 'cb'+id, text:''+ name }).appendTo(container);
 $('').appendTo(container); }

函数附加项（名称）{
变量容器=$（“#可排序”）；
var inputs=container.find（'input'）；
变量id=输入。长度+1；
$（'
'，{'id'：'cb'+id，文本：'+name}）；
$（''）.appendTo（容器）；}

尝试

。查找（“li”）

，因为这就是您要插入的内容：

函数附加项（名称）{
变量容器=$（“#可排序”）；
var listItems=container.find（'li'）；
var id=listItems.length+1；
console.log（id）；
$（“
”{
“id”：“cb”+id，
文本：名称
}).附在（容器）上；
}

li:之后{
内容：“（id:“属性（id）”）
}

名字

id指示器通过CSS显示