Как мне настроить таргетинг на весь внутренний класс с помощью уникального идентификатора его родителя для каждого элемента

#javascript #html #contenteditable

#javascript #HTML #contenteditable

Вопрос:

У меня есть документ article с уникальным идентификатором, а внутри него есть раздел, содержащий только класс.

 <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>
  

Как мне настроить таргетинг на весь класс section с помощью уникального идентификатора его родителя для каждой статьи, что-то вроде «.section#unique_id» и поместить его в переменную, которую могут обрабатывать функции javascript.

Я хочу настроить таргетинг только на элемент section, но у меня будет уникальная ссылка, основанная на его родительском идентификаторе, поэтому я могу сохранить их в localstorage при изменении содержимого каждого раздела.

Также я не знаю unique_id, я ориентируюсь только на класс section с помощью unique_id его родителя в качестве ссылки, без каких-либо знаний о конкретном unique_id родителя.

Я пытался document.getElementsByClassName('footer').parentElement(); , но вызвал ошибку.

Гораздо лучше, если вы сможете предоставить нейтральное решение, используя только значения по умолчанию и не полагаясь на jQuery.

Ответ №1:

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

Это свойство, а не метод 🙂

Вы можете использовать document.querySelectorAll() , если ваш браузер поддерживает это.