JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr id="row">
<td class="socialcomment processed">Comment 1 <a href="#">Report inappropiate (Existing)</a></td>
<td class="socialcomment">Comment 2</td>
<td class="socialcomment">Comment 3</td>
</tr>
</table>
CSS
td{
display: block;
}
JavaScript
function processComments() {
console.log("running");
$('td.socialcomment:not(.processed)').append(' <a href="#">Report inappropiate</a>').addClass('processed');
}
setInterval(processComments, 250);
//for demonstration
addComments();
function addComments(count) {
if(!count){
count = 3;
}
$('#row').append('<td class="socialcomment">Comment ' + count + '</td>');
setTimeout(function(){addComments(count+1);}, 2000);
}