JSFiddle - React, Tailwind, and code Playground
HTML
<div class="tracked_tags">
<div class="popover_menu_item tracked_tag ">
<a href="/tagged/human+target" id="tag_751429">
<div class="hide_overflow no_count">human target</div>
<div class="thumb" style="background-image:url(http://imagescale.tumblr.com/image/36/mavnjqo3WZ1rq2neso1.jpg)"></div>
</a>
</div>
<div class="popover_menu_item tracked_tag ">
<a href="/tagged/illustration" id="tag_2551">
<div class="hide_overflow no_count">illustration</div>
<div class="thumb" style="background-image:url(http://25.media.tumblr.com/tumblr_mbbobvWEL51r0dxiho1_75sq.jpg)"></div>
</a>
</div>
<div class="popover_menu_item tracked_tag ">
<a href="/tagged/rumbelle" id="tag_296627473">
<div class="hide_overflow no_count">rumbelle</div>
<div class="thumb" style="background-image:url(http://24.media.tumblr.com/tumblr_mbbth7Mf021rzzufqo1_75sq.gif)"></div>
</a>
</div>
<div class="popover_menu_item tracked_tag ">
<a href="/tagged/watchmen" id="tag_16816">
<div class="hide_overflow no_count">watchmen</div>
<div class="thumb" style="background-image:url(http://25.media.tumblr.com/tumblr_mbao9eEQ5p1r8przso1_75sq.jpg)"></div>
</a>
</div>
</div>
<div id="right_column"><ul id="#dashboard_controls_open_blog">I'm what the new element should be inserted after.</ul></div>
JavaScript
var jQuery, $ = null;
function addJQuery(callback) {
var p = null;
if(window.opera || window.navigator.vendor.match(/Google/)) {
var div = document.createElement("div");
div.setAttribute("onclick", "return window;");
p = div.onclick();
}
else {
p = unsafeWindow;
}
jQuery = $ = p.jQuery.noConflict();
callback();
}
var myFunction = function() {
jQuery('div#right_column ul#dashboard_controls_open_blog').after('<ul class="controls_section" id="tracked_tags"></ul>')
jQuery('div.tracked_tags a').each(function (i) {
var tagID = jQuery(this).attr(id);
var tagIDNumber = tagID.replace('tag_','');
var tagName = jQuery(this).attr(href);
var tagNameClean = tagName.replace('/tagged/','');
var tagContent ='';
tagContent += '<a href="'+tagName+'" id="'+tagID+'" class="tag">';
tagContent += '<div class="hide_overflow">'+tagNameClean+'</div>';
tagContent += '<span id="tag_unread_'+tagIDNumber+'" class="count" style=""></span></a>';
tagContent += '<a class="sub_control" id="track_'+tagIDNumber+'" style="display:none;" onclick="track_tag('+tagIDNumber+', "n4av5kz9baBCv1PRCPUlT8X5K8", false);return false;">track</a>';
tagContent += '<div class="remove_tag" id="untrack_'+tagIDNumber+'" onclick="if (confirm("Stop tracking this tag?")) {track_tag('+tagIDNumber+', "n4av5kz9baBCv1PRCPUlT8X5K8", true);} return false;">*</div>';
tagContent += '<div id="tag_loader_'+tagIDNumber+'" class="tracked_tag_loader" style="display:none;"></div></li>';
//tagContent += '<script type="text/javascript">new Effect.Appear("tag_unread_'+tagIDNumber+'");</script>';
jQuery(tagContent).appendTo('div#right_column ul#tracked_tags');
});
};
addJQuery(myFunction);