如何使用每个元素的父级 unique_id 定位所有内部类

Question

我有一个具有唯一 ID 的文档文章，其中有一个只有一个类的部分。

<article id="unique_id">
  <header>
    <h1>Article Header</h1>
  </header>
  <p>Article with unique id unique_id</p>
  <section class="section" contenteditable="true">
    <p>Section with uniform class .section</p>
  </section>
</article>

我如何针对每篇文章的父级 unique_id 定位所有 section 类，例如“.section#unique_id”，并将其放入 javascript 函数可以处理的变量中。

我只想定位 section 元素，但会有一个基于它的父 id 的唯一引用，所以我可以在更改每个部分的内容时将它们保存到本地存储中。

另外我不知道 unique_id，我只针对具有父项的 unique_id 的节类作为参考，不知道父项的特定 unique_id。

我尝试了document.getElementsByClassName('footer').parentElement();，但导致错误。

如果你能提供一个只使用默认值而不依赖 jQuery 的中立解决方案，那就更好了。

Answer 1

document.getElementsByClassName('footer')[0].parentNode;

它是一个属性，而不是一个方法:)

如果您的浏览器支持，您可以使用document.querySelectorAll()。