Javascript 如何 Select 所有不是同一类子元素的同一类元素

如何只 Select 有类的父元素？

• ❌并不是所有元素都有像它这样的类

• ✅，但只有类的第一个父元素，

  • 我们获取的这个元素不需要有一个.mycard的父级

它需要返回一个包含满足这些条件的所有div的数组，并且应该能够处理每一棵深树(深度为10是一个很难做到的点)

• 因此，如果没有类，它就不应该考虑div，并深入研究，直到找到我们想要的类，中断，try 搜索其他类并重复该过程，并返回一个array.
• 如果我们找到想要的类，我们将其添加到数组中以返回
  • 我们需要判断嵌套的div是否继续
    • 如果继续，并且我们不执行任何其他嵌套操作，则不返回任何新内容
    • 如果它停止，我们需要搜索是否有另一个带有类的div，如果将其添加到数组中，则重复该过程，直到我们完成树的深度.

下面是一个示例，您可以在其中测试代码:

    <div class="mycard"> <!-- should get the parent only -->
      <div class="mycard">
        <div class="mycard">
          <div class="mycard"></div>
        </div>
      </div>
    </div>

    <div class="mycard"> <!-- should get also this with a array of the fist and second -->
      <div class="mycard">
        <div class="mycard">
          <div class="mycard"></div>
        </div>
      </div>
    </div>

    <div class="another-div">
      <div class="mycard"> 
        <!-- should get also this that isn't in body directly -->
      </div>
    </div>

    <div class="another-div">
      <div class="foo">
        <div class="bar">
          <div class="mycard"> 
            <!-- should get also this that isn't in body directly -->
          </div>
        </div>
      </div>
    </div>

    <div class="another-div">
      <div class="foo">
        <div class="bar">
          <div class="mycard"> <!-- this -->
            <div class="boo">
              <div class="mycard"> <!-- also this -->
              </div> 
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="mycard"> <!-- this -->
      <div class="boo">
        <div class="mycard"> <!-- also this -->
          <div class="mycard"> 
            <div class="mycard"></div> 
          </div>
        </div> 
      </div>
    </div>

    <!-- 在此处总共返回[myCard，...]8个，可在forEach中循环 -->

在此处总共返回[myCard，...]8个，可在forEach中循环