主页 / 问题 / 1058381
Accepted
Natalya
Asked:2020-12-14 02:33:33 +0000 UTC2020-12-14 02:33:33 +0000 UTC

创建一个子计数数组

  • 772
<div class="step1">
  <input type="checkbox">
  <input type="checkbox">
</div>

页面上有几个类似的元素，类名分别是 step1、step2 ...我们需要创建一个元素数组，每个元素显示子元素的数量（在本例中为复选框。）

stepAnswers[1] = $('.step1 input').length;

原来是这样写数量的，但是通过数组收集是不可能的

for (let i in stepAnswers) {
        stepAnswers[i] = $('.step'+[i]+' input').length;
    }

https://jsfiddle.net/Nata_Hamster/8fbLn4o3/

javascript

1 个回答

  1. Best Answer

    const result = [...document.querySelectorAll('body > div')]
  .filter(el => /(^|\s)step\d+(\s|$)/i.test(el.className)) 
  .map(el => el.children.length); 
console.log(result); 
    <div class="step1">
  <input type="checkbox">
  <input type="checkbox">
</div>
<div class="notstep">
  <input type="checkbox">
</div>
<div class="foo step2">
  <input type="checkbox">
  <input type="checkbox">
  <input type="checkbox">
</div>

    1. 我们将所有div顶层都放入数组

    2. 我们通过类、正则表达式过滤它/(^|\s)step\d+(\s|$)/i（消除所有没有类的元素stepN）

    3. 将剩余元素的数组转换为其子元素的计数数组（只需获取属性 value children.length）

    • 1

相关问题