Javascript 查找并计算特定div中的所有行

我想在一个特定的div中找到一个包含类行的count all div

<div class="input_fields_wrap">
    <div class="row"></div>
    <div class="row"></div>
</div>

试试这个：

var myrows = document.getElementsByClassName('row');

假设row类仅存在于input\u fields\u wrap div中。如果不存在，请更改其名称，以便使用此非常简单的方法。

使用documentquerySelectorAll，并检查作为父选择器子级的行：

var numorrows=document.querySelectorAll'.input\u fields\u wrap>.row'.length； console.lognumorrows；

---

您可以使用JQuery选择器执行此操作：

($("#input_field_wrap").find(".row")).length

就这么简单。

您需要使用

---

.getElementsByClassName返回HTMLCollection，而不是单个元素var div=document。getElementByClassName'input\u field\u wrap'[0]querySelectorAll始终具有长度。不显示请求的实际长度tho-。至少可以指出为什么操作代码不起作用，因为他使用相同的方法。他根本不需要，他只需要理解document.getElementsByClassName返回集合。也许详细说明一下。@Lain，但他还需要使用css父选择器。好吧，没关系。。仅仅说他需要使用querySelectorAll是一种大胆的说法。。他仍然不知道为什么他的代码最终没有起作用。

($("#input_field_wrap").find(".row")).length

var myrows = document.querySelectorAll('.input_fields_wrap > .row');
alert(myrows.length);