如何获取类中的所有字段

Question

我有多个类，其中包含不同数量的字段，1 个类示例：

<div class="row form-row-extra-phone spacer">

        <div class="col-12">

            <div class="input-group">

                <input type="tel" name="extraPhone-0-phone_number" class="form-control" placeholder="Extra Phone Number" maxlength="128" id="id_extraPhone-0-phone_number">

                <div class="input-group-append">

                     <a class="btn btn-success btn-circle btn-sm add-form-row" href="#" role="button" id="plus_payment_data">+</a>

                </div>

            </div>

        </div>

</div>

我想迭代具有属性 "name" 和 "id" 的类中的所有字段，并将里面的数字加 1（在示例中name="extraPhone-0-phone_number"-> name="extraPhone-1-phone_number"）

我可以通过以下方式选择课程： $('.form-row-extra-phone')

我迭代上所有的Fileds怎样才能里面包含的属性“名”和“身份证”呢？

Answer 1

我想你的意思是<div class="row form-row-extra-phone spacer">当你谈到 a&nbsp;class?&nbsp;这是一个element，而不是一个类。类可能是一个有问题的术语，因为它可以指完全无关的CSS/DOM 类或Javascript 类。所以如果你有，<div class="something">那么something就是一个 CSS/DOM 类，但整个事情不是那个类，而是element&nbsp;拥有那个类。现在你所指的fields也只是elements。所以你想要的是选择所有具有该类的元素，form-row-extra-phone以及所有具有name属性的后代元素。这很容易。基本上在 CSS 选择器中，（空格）是后代元素的选择器。所以你可以选择.form-row-extra-phone [name]。所以你可能想要的是这样的：document.querySelectorAll('.form-row-extra-phone&nbsp;[name]') &nbsp;&nbsp;.forEach(elem&nbsp;=>&nbsp;elem.name.replace(/[0-9]/,&nbsp;x&nbsp;=>&nbsp;Number(x)&nbsp;+&nbsp;1));

Answer 2

当您使用^=它时，它意味着开始于，并$=意味着结束于。如果条件是（名称和 ID）&nbsp;&nbsp;&nbsp;&nbsp;$('.form-row-extra-phone&nbsp;input[name^="extraPhone"][id^="id_extraPhone"]')如果条件是（名称或 ID）&nbsp;&nbsp;&nbsp;&nbsp;$('.form-row-extra-phone&nbsp;input[name^="extraPhone"],input[id^="id_extraPhone"]')检查这个https://api.jquery.com/multiple-attribute-selector/或谷歌“jQuery 多属性选择器”