0

Есть сайт на WordPress. На нём есть страница с отзывами пользователя. Хочу посчитать количество отзывов у этого пользователя и вывести на этой же странице. У каждого отзыва <div class="elementor-container elementor-column-gap-default">.

Подскажите пожалуйста, как правильно посчитать div с таким классом с помощью JS и вывести это число на странице.

1 ответ 1

1

Чтобы получить количество таких блоков вот выборка:

const count = document.querySelectorAll('.elementor-container.elementor-column-gap-default').length 

Однако такой способ является весьма костыльным. Для отображения подобных данных лучше делать выборку из БД на стороне бэкэнда и отправлять на клиент уже готовое значение.

UPD: Могу предложить следующий вариант для отображения этого числа на странице - средствами WordPress в разметку добавьте блок, расположите его так, как вам нужно его отобразить, при этом задав ему аттрибут id, например id='comments-count'. После этого уже из любого скрипта на странице можно манипулировать содержимым этого блока, можно отобразить значение так:

const countBlockEmelent = document.querySelector('#comments-count');
countBlockEmelent.textContent=  count; 
6
  • В БД, к сожалению, данная информация хаотична, поэтому хочу попробовать этот способ. Еще подскажите пожалуйста, как мне теперь это число отобразить на этой странице. 24 окт 2022 в 10:53
  • @TILL, с тем, как отобразить, к сожалению, с трудом помогу хорошим ответом, потому что WordPress'а касался весьма мало. Но некую подсказку оставлю в дополнении к ответу.
    – Sergey K.
    24 окт 2022 в 12:09
  • Спасибо большое, сейчас попробую 24 окт 2022 в 12:22
  • Что делаю не так? Код JS: <script type="text/javascript"> const count = document.querySelectorAll('.elementor-container.elementor-column-gap-default').length; const countBlockEmelent = document.querySelector('#res'); countBlockEmelent.textContent = count; </script> Код html: <div class="res" id="res" ></div> При этом, ответ пустой... 24 окт 2022 в 12:43
  • 1
    Благодарю за помощь. Проблема была в том, что JS исполнялся до того, как разметка создавала нужные блоки 24 окт 2022 в 14:11

Ваш ответ

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

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