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

除了Jonathan Sampson所说的，如果你想获得在标签中的元素总数（即子元素），你可以使用以下内容：

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

元素数量，更新和呈现

2 个答案: