javascript - 克隆不计入长度

Question

我在使用 clone() 时遇到问题。

<div id="container">
  <p id="template">a</p>
</div>

<script>
  $(document).ready(function() {
    $('#template').clone(true, true).appendTo('#container');
    console.log($('#container').length); // it return 1, it supposed to return 2 right?, original and the cloned one.
  });
</script>

克隆后容器的长度是1，为什么不是2？

我通过以下方式检查:

console.log($('#container').eq(1));

它返回未定义。

克隆的元素不应该成为索引号1吗？

Answer 1

因为您正在计算元素 #container 的数量，所以您应该计算的是容器内元素的数量。

在jquery中追加意味着将一个元素放入#container中。

calculate children's of container

console.log($('#container').children(".watever-class").length);