Tengo este Jquery y trato de convertirlo a JS puro. ¿Alguien puede ayudar?

 (function($) { $(&quot;.comments-content &gt; ol &gt; .comment&quot;).each(function() { var str = $(this).children(&quot;.comment-block&quot;).find(&quot;.comment-header &gt; .name &gt; span&quot;).text(); $(this).find(&quot;.comment-avatar&quot;).append(&quot;<span>&quot; + str.charAt(0) + &quot;</span>&quot;); }); })(jQuery);

Hasta ahora, he llegado aquí:

 var elements = document.querySelectorAll(&quot;.comments-content &gt; ol &gt; .comment&quot;); Array.prototype.forEach.call(elements, function(){ let str = this.children(&quot;.comment-block&quot;).find(&quot;.comment-header &gt; .name &gt; span&quot;).innerText; this.querySelectorAll(&quot;.comment-avatar&quot;).append(&quot;<span>&quot; + &quot; str.charAt(0) &quot; + &quot;</span>&quot;); });