Javascript 如何在不同的帖子上切换共享按钮

好的，我在6篇博客文章上有共享按钮，切换（显示/隐藏）适用于第一篇文章 但当我点击第二篇文章上的共享按钮（切换）时，切换显示在第一篇文章上，它不会切换到第二篇文章。请帮忙。此外，我还在Wordpress上工作

简单JS代码：

<script>
function remove() {
  let x = document.getElementById("social-share-inner");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>

函数删除（）{
设x=document.getElementById（“内部社会共享”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

这是因为您在此处使用的是id。id引用一个元素，并且应该是唯一的

功能切换（选择器）{
设x=document.queryselectoral（选择器）[0]；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

切换

脸谱网
推特
Instagram



切换

脸谱网
推特
Instagram

这是因为您在此处使用的是id。id引用一个元素，并且应该是唯一的

功能切换（选择器）{
设x=document.queryselectoral（选择器）[0]；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

切换

脸谱网
推特
Instagram



切换

脸谱网
推特
Instagram

如果你们有wordpress插件，可以在博客帖子上添加社交分享按钮。请提供帮助。这是因为您使用id获取元素，并且html页面在web页面中只能有一个id。使用javascript的父选择器和同级选择器的组合来选择要显示给用户的最近的共享容器。首先，您必须更改函数名，因为java脚本是区分大小写的语言，它将remove（）视为method@PrathameshKoshti我把所有的ID都改成了简单的类名。但我的JS不工作idk为什么。代码：-函数myFunction（）{let x=document.getElementsByCassName（“内部社交共享”）；if（x.style.display==“none”）{x.style.display=“block”}else{x.style.display=“none”；}我不知道文档结构，最好的方法是对所选元素使用parentNode和childNodes属性，上面提到的代码是错误的，因为它将返回元素数组。如果你能提供文档结构，我可以帮助你，如果你们有wordpress插件，可以在博客帖子上添加社交分享按钮。请提供帮助。这是因为您使用id获取元素，并且html页面在web页面中只能有一个id。使用javascript的父选择器和同级选择器的组合来选择要显示给用户的最近的共享容器。首先，您必须更改函数名，因为java脚本是区分大小写的语言，它将remove（）视为method@PrathameshKoshti我把所有的ID都改成了简单的类名。但我的JS不工作idk为什么。代码：-函数myFunction（）{let x=document.getElementsByCassName（“内部社交共享”）；if（x.style.display==“none”）{x.style.display=“block”}else{x.style.display=“none”；}我不知道文档结构，最好的方法是对所选元素使用parentNode和childNodes属性，上面提到的代码是错误的，因为它将返回元素数组。如果你能提供文档结构，我可以帮助你谢谢你尝试帮助我，但我使用的是wordpress，我不能添加不同的ID，如帖子1和帖子2。感谢你尝试帮助我，但我使用的是wordpress，我不能添加不同的ID，如帖子1和帖子2。