在另一个元素中通过Javascript中的名称获取深层元素

Get deep elements by name in Javascript within another element

本文关键字：元素 获取 Javascript 另一个      更新时间：2023-09-26

我有一个HTML文档，其中包含多个div标记，如

<div id="id1">
<table>
        <tr>
            <th>Name</th>
            <th>Serial</th>
        </tr>
        <tr>
            <td><input id="Param1" name="Group1" type="text" value ="0"/></td>
            <td><input id="Param2" name="Group1" type="text" value ="0"/></td>

        </tr>
        <tr>
            <td><input id="Param3" name="Group2" type="text" value ="0"/></td>
            <td><input id="Param4" name="Group2" type="text" value ="0"/></td>

        </tr>
    </table>
</div>
<div id="id2">
...
...
</div>

如何选择div id为"id1"的输入，并使用Javascript或jQuery创建一个名为"Group1"的一组输入id？

使用jQuery，您可以使用子体和属性等于选择器。

$("#id1 [name='Group1']");

只使用普通的老式JavaScript，没有任何库使用querySelectorAll:

document.querySelectorAll("#id1 [name='Group1']");

在jsFiddle上试试吧

您指的是id为id1的div内部的输入吗？如果是：

var inputs = $('#id1 input[name="Group1"]');

你可以试试这个：

var inputs = $('#id1 input[name="Group1"]');

演示此处

您可以使用find（）：演示此处：

 var array = $('div#id1').find('input[name="Group1"]') ;

或者使用这样一个简单的选择器：

var array = $('div#id1 input[name="Group1"]');

您可以使用jquery作为

var resultArray = $("div#id input[name='Group1']")

在javascript中为，

document.getElementById("id1").getElementsByName("Group1")
相关文章：