如何仅获取特定类jQuery外部的子元素

Question

这是场景。黑色元素有一个ID，理论上我想这样选择：

$("#someid .class2")...

我不想将元素放入红色元素内。是的，这些类编写正确，红色元素和黑色具有相同的类...

此外，这些元素中的任何一个之间可能都有元素（例如在嵌套中-红色元素中的绿色元素可能嵌套在其他多个元素中，因此红色元素不一定是父元素）

因此，基本上忽略除其自身以外的所有class1元素。 我怎么能得到这个？

编辑：我添加了2个示例。无论查询是什么，都应同时适用。

示例1

<div id="someid" class="class1">
  <div class="class1">
    <div>
      <span class="class2"></span> <---- NO
    </div>
  </div>
  <div>
    <span class="class2"></span>  <-----YES
  </div>
</div>

示例2

<div id="someid" class="class1">
  <div>
    <div>
      <div class="class1">
        <div>
          <span class="class2"></span>  <---NO
        </div>
      </div>
      <span class="class2"></span>  <-------YES
    </div>
  </div>
  <div class="class1">
    <span class="class2"></span>   <--------NO
  </div>
  <span class="class2"></span>  <-----------YES
</div>

Answer 1

console.log(document.querySelectorAll("#test1 > .class2"))

<div id="test1" class="class1">
  <div class="class1">
    <div class="class2">test 3</div>
  </div>

  <div class="class2">test 1</div>
</div>

在此示例中，我使用香草javascript，但使用jQuery的css选择器，它是相同的。