Javascript 如何获取所有子元素输入

我被困在一个点上，我必须在执行操作的地方获取所有的输入元素

例如： 有一个容器，其中可以有n个输入元素，如 输入类型文本/编号/日期 单选按钮 etc（动态渲染）

在同一个容器中有一个名为submit的按钮。 当我点击提交

我必须得到submit按钮元素的父元素

获取此父容器中的所有元素

我该怎么做

---

由于我是动态渲染的，所以无法设置作用域以便使用作用域进行访问。

如果使用jquery，则可以按如下方式执行：

var $parent = $(button).parent();
var $inputs = $parent.find("input");

如果不使用jquery，可以使用以下命令：

var parent = buttonElement.parentElement;
var inputs = parent.getElementsByTagName("input");

$（“#btnClick”）。在（'click'，函数（）{
var parent=$（this.parent（）；
var childrens=parent.childrens（“输入”）；
儿童。每个（功能（）{
开关（此.type）{
案例“文本”：
警报（“输入文本框逻辑”）；
打破
“无线电”案例：
警报（“放置无线电盒逻辑”）；
打破
//另设控制
违约：
}
})
});

首次设置ng表单并通过ng模型访问。。。这是做这件事的简单方法

<form ng-form="myparent">

    <input type="text" ng-model="myparent.firstname"/>
    <input type="text" ng-model="myparent.lastname"/>
    ... Etc

    </form>

... 等

问题：1。您正在使用JQuery吗？2.我们能看一些代码供参考吗？听起来很简单。但是发布你的HTML和JS.u应该设置ng form=“myparent”，然后设置你的输入字段，如ng model=“myparent.firstname”等…你可以显示你的代码以获得更多帮助。谢谢回复。它部分工作，但我知道如何做到这一点

<form ng-form="myparent">

    <input type="text" ng-model="myparent.firstname"/>
    <input type="text" ng-model="myparent.lastname"/>
    ... Etc

    </form>