Javascript 独立地打开和关闭不同部分上的相同类元素

我有一些文章的部分，其中填充了来自数据库的数据。以下是post部分的标记。这些帖子大多是样本数据

职位1
Lorem ipsum dolor sit，amet Concertetur Adipising Elite。Eligendi，nihil！是不是有一种致命的疾病？
分享
您的问题来自这样一个事实：您使用查询选择器来选择元素。querySelector选择文档树中的第一个匹配项，这意味着当同一类中有多个元素时，它只对第一个元素有效

解决此问题的一种方法是使用querySelectorAll选择具有此类名的所有元素（链接共享帖子），循环遍历这些元素，并向其中每个元素添加一个单击事件侦听器。然后，要选择正确的输入元素，只需选择下一个同级元素。这看起来像这样：

const links = document.querySelectorAll(".link-share-post");
for (let i = 0; i < links.length; i +=1) {
    const link = links[i];
    link.addEventListener("click", function () {
        link.nextElementSibling.style.display = "block";
        link.nextElementSibling.value = "http://localhost/shareposts/posts";
    });
}

constlinks=document.queryselectoral（“.link共享帖子”）；
for（设i=0；i
请分享更多详细信息。这个问题与PHP有什么关系，虽然它不包含一行PHP代码？与PHP的唯一关系是，它如何帮助呈现post类的输出部分，但stavros angelis的答案有帮助