获取 Parent 不是类的元素

Question

我想在 javascript 中返回一个在其父元素中没有类的元素。

例如，我想在以下代码片段中获取子类元素，该元素没有“父”作为父元素的类：

<div>
   <div class= "parent">
      <div class="child">
         Not to be selected 
      </div>
   </div>
   <div>
     <div class="child">
        To be selected
     </div>
   </div>
</div>

我试图通过量角器中的 xpath 返回它

Answer 1

您可以使用:not选择器。

console.log(document.querySelectorAll(':not(.parent) > .child'));

<div>
   <div class= "parent">
      <div class="child">
         Not to be selected 
      </div>
   </div>
   <div>
     <div class="child">
        To be selected
     </div>
   </div>
</div>