0

Есть упрощенный код:

<div id="sidebar"> ... </div>
<section id="vacancies"> ...
     <div class="vacancy-container" id="id1"> ...
       <h3><a href="#id1">Вакансия 1</a></h3> ...
     </div>
     <div class="vacancy-container" id="id2"> ...
       <h3><a href="#id2">Вакансия 2</a></h3> ...
     </div>
<section>

Это страница вакансий. Мне нужно разместить в sidebar ссылки на все вакансии, т.е. фактически содержание всех h3 в section id="vacancies".

Знаю, что JQuery к сайту не подключали, думаю, возможно решения были не нем, честно говоря, я их не отличаю. Плюс может дело осложняется тем, что блок с контентом расположен ниже блока с сайдбаром.

Плюс PHP использовать очень проблематично, т.к. дело происходит в вордпрессе в редакторе страниц, где без доп. плагинов не вставить фрагменты кода PHP. Я могла бы перенести sidebar в шаблон страницы, но section перенести не могу, т.к. вакансии постоянно редактируют люди почти без навыков HTML.

Поэтому прошу подсказать решение, желательно или чистым JS, можно в теге <script>, или в шаблоне страницы в вордпресс в PHP.

2
  • Много воды.. Исправьте вопрос, выкиньте истории и эмоции, опишите нормально задачу и что как сейчас сделано ("вакансий" в ВП нет. А вот JQuery как раз есть.).
    – SeVlad
    14 июн 2022 в 10:15
  • Не знала про Jquery, спасибо. Вакансий как типа поста или другой сущности нет, это просто разметка страницы вакансий с классами и id. 14 июн 2022 в 10:24

1 ответ 1

0

Если я правильно понял, то вам надо просто достать всё что внутри h3 и скопировать в sidebar:

const sidebar = document.querySelector('#sidebar');
const vacancies = document.querySelectorAll('#vacancies h3');

vacancies.forEach(vacancy => sidebar.innerHTML += vacancy.innerHTML);
<div id="sidebar"></div>
<section id="vacancies">
     <div class="vacancy-container" id="id1">
       <h3><a href="#id1">Вакансия 1</a></h3>
     </div>
     <div class="vacancy-container" id="id2">
       <h3><a href="#id2">Вакансия 2</a></h3>
     </div>
<section>

3
  • 1
    Спасибо, работает! 14 июн 2022 в 11:47
  • @AlexaNazarova не забываем ставить галочку, если ответ решил вашу проблему)
    – EzioMercer
    14 июн 2022 в 11:48
  • 1
    Извиняюсь, забыла реально) Еще раз спасибо за решение! 14 июн 2022 в 12:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.