Дополнительные кнопки загрузки javascript

Мне нужна ваша помощь. Как получить разные кнопки для всех постов, сейчас работает только первая кнопка и она загружает комментарии для всех постов. Сначала я получил document.querySelector('#loadmore'); потом установил addEventListener и теперь как получить определенные элементы для каждого поста [...document.querySelectorAll()] Мой html код прицип такой.

<div class='post'>
<div class='comments'>
<div class='comment'>
</div>
</div>
<button id="loadmore">load more</button>
</div>

Здесь есть javascript

  const loadmore = document.querySelector('#loadmore');
      let currentItems = 2;
      loadmore.addEventListener('click', (e) => {
          const elementList = [...document.querySelectorAll('.comment')];
          for (let i = currentItems; i < currentItems + 2; i++) {
              if (elementList[i]) {
                  elementList[i].style.display = 'block';
              }
          }
          currentItems += 2;
  
         
      })
  </script> ```

Вернуться на верх