如何使用JavaScript有条件地找到顶级父元素

Question

我具有如下所示的HTML结构，我需要做的是找到具有innerHTML a最顶层父元素的子span元素，直到其类名不为“ here”为止，因此在此示例中，目标元素是注释所在的位置找到。

<span class="here">
     <span> <!-- This is the parent -->
        <span>
        <span>
          <span>a</span>
          <span>b</span>   
        </span>
        </span>
     <span>
</span>

Answer 1

您可以将onclick与while循环配合使用，例如.closest。或while node.class != here -> node.closest或仅使用.closest('.here')

node.firstElementChild

目前还不清楚您到底在做什么/为什么要这样做，所以我无法告诉您哪种解决方案是最好的，或者其中任何一种都是正确的解决方案。

https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/firstElementChild

https://developer.mozilla.org/en-US/docs/Web/API/Element/closest

Answer 2

您可以使用最近的；检查链接：

https://developer.mozilla.org/en-US/docs/Web/API/Element/closest