javascript - JQuery：如何找出一个元素有多少个孩子？

Question

如何使用 jQuery 找出一个元素有多少个子元素？

假设我有以下结构：

<div id="container">
   <div id="column1">
      <div id="asset1"></div>
      <div id="asset2"></div>
   </div>
   <div id="column2">
      <div id="asset1"></div>
      <div id="asset2"></div>
   </div>
</div>

我想知道 div 元素有多少个子元素：容器。在这种情况下，它将返回 2...

Answer 1

使用children和length：

$("#container").children().length

Answer 2

使用直接子选择器 (>) 和长度属性：

$('#container > *').length

示例 - http://jsfiddle.net/TtV8d/