javascript - 获取具有特定类名的子元素的长度?

标签 javascript html forms

我能够获取具有特定类名称的元素,但无法检索具有该特定类名称的元素数量的长度。

我应该如何获取具有子元素的特定类名的元素数量?

<强> jsFiddle

document.getElementById('contact').onsubmit = function() {
    var children = this.children;

    for(var i = 0; i < children.length; i++) {
        if (children[i].className == 'req') {

            console.log(children[i]); //defined
            console.log(children[i].length); //undefined

        }
    }

    return false;
};

最佳答案

我认为您想要计算该类的子元素数量:

document.getElementById('contact').onsubmit = function() {
    var children = this.children;
    var count = 0;
    for(var i = 0; i < children.length; i++)
        if (children[i].classList.contains('req'))
            count++;
    console.log(count+" of "+children.length+" have the class 'req'");
    return false;
};

关于javascript - 获取具有特定类名的子元素的长度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18132549/

相关文章:

php - 如何使用 fopen() 和来自表单 $value 的变量创建基于表单的文件?

javascript - 在悬停时显示,使用弹出 div 中包含的按钮隐藏

javascript - 选中/取消选中 radio

javascript - Angular 6 生命周期钩子(Hook)不在动态创建的组件上运行

javascript - 重新渲染 Prop 时保持数组有序

php - 在 n 号之后更改样式。结果- PHP

javascript - 如果它是空的,如何检索空的 OPTION 值?

javascript - Ajax:提交带有表单名称的表单

javascript - 获取表单提交按钮值属性值( Angular )

javascript - 如何取消选中 jquery 复选框并使剩余的复选框结果仍然可用?