替换与其他div共享相同id的特定div的innerhtml？

Question

所以我做了很多研究，仍然没有这个工作。我试图替换div的innerhtml。我已成功使用以下代码：

<script type="text/javascript">
    var embedCode = 'new html goes here';
</script>


<div id="videocontainer">
<img class="playButton" onclick="document.getElementById(videocontainer).innerHTML = embedCode;return false;" src=""/>
</div> 

这基本上是一个帖子模板，我将复制并粘贴，只更改images / embedCode。如果我只有一个帖子，一切正常。但是一旦我添加了另一篇文章，两者都无法工作，因为它们都共享相同的embedCod名称和相同的div id。有没有使用jQuery解决这个问题？

我尝试过使用

document.getElementById(this.id).innerHTML = embedCode

而不是

document.getElementById(videocontainer).innerHTML = embedCode

但它仍然无效。感谢。

Answer 1

id应该是唯一的。只需递增计数器或将帖子ID用作id属性的一部分。

为了便于样式化，还要为它们添加一个类，例如<div class="videocontainer" id="videocontainer1">。使用该类进行样式设置和JS的id。