元素數量，更新和呈現

Question

我有一個div，其中元素是動態添加和刪除的。我想在某個地方展示一個數字，以便跟蹤此div中新元素的總數。

我正在使用.length（）來查找存儲在變量中的元素的數量。我不知道如何在HTML中呈現該變量/值。

<span> "" + list_Count</span> 

以上不起作用。我也不知道如何得到這個動態更新，我想如果計數是一個函數，然後我可以運行該函數，只要功能改變的東西都運行。

Answer 1

更新<span>元素與你的價值：

<span class="current_count">0</span> 
<script type="text/javascript"> 
    function updateCount() { 
    $("span.current_count").text($(".container").children().length); 
    } 
</script> 

調用updateCount()功能，每次您修改父元素的兒童人數。

$("a.addDiv").click(function(e){ 
    e.preventDefault(); 
    $("<div>").text("New Div").appendTo(".container"); 
    updateCount(); 
}); 

在線演示：（即子元素）http://jsbin.com/etivu3/edit

Answer 2

除了什麼喬納森·桑普森說，如果你想獲得內元素總數的標記，你可以使用下面的：

$('#yourTag').children().length