爲什麼我的標籤ID不會增加，當我在JS

Question

中添加一個動態列表項時，所以當用戶填充文本框的信息並點擊添加時，我將一個列表項添加到頁面中。它把它的格式爲：

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

但它從來沒有增加一個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); } 

Answer 1

嘗試.find("li")，因爲這是你將什麼：

function addItem(name) { 
 
    var container = $('#sortable'); 
 
    var listItems = container.find('li'); 
 
    var id = listItems.length + 1; 
 
    console.log(id); 
 

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

li:after { 
 
    content: " (id: " attr(id) ")" 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<input type="button" onclick="addItem('some name')" value="click to add"> 
 
<ul id="sortable"> 
 
    <li id="cb1">First Name</li> 
 
</ul> 
 
<div class="sidenote">The id indicator is displayed by CSS</div>