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

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!