迭代div以获取不同的输入字段并将其发送到控制器

Question

我有一个有类模型的主div，在这个div中我有不同的输入类型，我想通过类模型迭代主div并获得不同的输入字段并将其发布到我的控制器，但最终出现此错误。参考错误:getElementsByClassName没有定义

$("#Visitor-form").on("submit", function () {
                    //Code: Action (like ajax...)
                    var slides = getElementsByClassName("models");
                    console.log(slides);
                    for (i = 0; i < slides.length; i++) {
                        var previsitor = [
                            { NIC: slides[0].value, V_Name: slides[0].value }
                        ];
                    }
                    previsitors = JSON.stringify({ 'things': previsitor });
                    $.ajax({
                        contentType: 'application/json; charset=utf-8',
                        dataType: 'json',
                        type: 'POST',
                        url: '/PreVisitor/addMultipleVisitor',
                        data: things,
                        success: function () {
                            $('#result').html('"Pass List<PreVisitor>" successfully called.');
                        },
                        failure: function (response) {
                            $('#result').html(response);
                        }
                    });
                })

Answer 1

如果您使用jquery，请坚持使用jquery

 var slides = $(".models");

您在当前语法中忘记了document对象

Answer 2

如果您已经使用jquery，为什么不使用$(".models")代替。它应该是document.getElementsByClassName("models")，但jquery对于在不同浏览器中获得相同的结果会更好。