scroll para fim div (várias divs mesmo nome)

[diasgabrie 0]

bom dia amigos.

 

tenho a div postcomments com barra de rolagem.

 

acontece que em uma mesma página tenho umas 10 dessa div postcomments.

 

essa div tem comentários de usuários e quero que ao carregar a página, todas as divs comecem com a barra de rolagem mostrando o ultimo post.

 

então tentei:

 

<script>
$( document ).ready(function() {
  var elem = document.getElementById('postcomments');
  elem.scrollTop = elem.scrollHeight;
});
</script>

porém só da certo para a primeira div. como posso fazer em todas?

<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>
<div id=postcomments>conteudo</div>

obrigada!

 

[William Bruno 1501]

vc não pode duplicar ID

ID deve ser único