使用 javascript 从 div 类获取第 n 个子级计数

Question

我正在尝试从这里找到 count 个或第 n 个孩子。如下所示，我应该得到 3，并且它会根据数字结果动态变化。

<div class="result-container list-layout-container">
   <div class="list-layout">Result1</div>
   <div class="list-layout">Result2</div>
   <div class="list-layout">Result3</div>
</div>

所以，我使用下面的函数来获取长度 3，但我没有得到它，而是得到了未定义或 0。 请推荐。

var len = document.getElementsByClassName('result-container').length;
console.log("Length count is", len);

Answer 1

最简单的方法如下：

/* Change 'result-container' to 'list-layout' */
var len = document.getElementByClassName('list-layout').length;
console.log("Length count is", len);

我认为更好的另一种方法是以下方法，因为您将元素设置为根据 X 容器进行计数（如果结果容器中有多个列表布局）。

var container = document.getElementsByClassName('result-container')[0];
var len = container.getElementsByClassName('list-layout').length;
console.log("Length count is", len);