JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="navlist" id="navlinks">
	<li><a href="someurl.html">Link #1</a></li>
	<li><a name="#anchor1">Named Anchor Link</a></li>
	<li><a href="someurl.html">Link #2</a></li>
	<li><a href="someurl.pdf">Link #3</a></li>
	<li><a href="someurl.html">Link #4</a></li>
	<li><a href="someurl.html">Link #5</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
	<li><a href="someurl.html">Link #7</a></li>
	<li><a href="mailto:joe@joe.com">Email Link</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
</ul>

JavaScript

$("a").after("<img src='http://i.imgur.com/YXsJZVe.gif' align='center' />");