JSFiddle - React, Tailwind, and code Playground

by lid0

HTML

<div id="middle"></div>
<div id="out"></div>

JavaScript

//var str = '<aside class="quote" data-post="16" data-topic="47733"><blockquote><p>way to <b>guarantee</b> uniqueness.</p></blockquote></aside>';

//var str2 ='<div class="cooked"><aside class="quote" data-post="236" data-topic="47649" data-full="true"><div class="title"><div class="quote-controls"><a href="/t/test-13/47649/236" title="go to the quoted post" class="back"></a></div><img width="20" height="20" src="//what.thedailywtf.com/user_avatar/what.thedailywtf.com/bot/40/10476.png" class="avatar">bot:</div><blockquote><p>dsad sadasd sada</p><p></p><blockquote><p>way to <b>guarantee</b> uniqueness.</p></blockquote></blockquote></aside></div>';

var str3 = '<div><aside class="quote" data-post="236" data-topic="47649" data-full="true"><div class="title"><div class="quote-controls"></div><img width="20" height="20" src="/user_avatar/what.thedailywtf.com/bot/20/10476.png" class="avatar">bot:</div><blockquote><p>dsad sadasd sada</p><p></p><blockquote><p>way to <b>guarantee</b> uniqueness.</p></blockquote><p></p><p></p><aside class="quote" data-post="237" data-topic="47644"><div class="title"><div class="quote-controls"></div><img width="20" height="20" src="/user_avatar/what.thedailywtf.com/bot/20/5555.png">bot:</div><blockquote><p>dnsakj dkhsajkd sa</p></blockquote></aside><p></p></blockquote></aside></div>';

//var el = $(str);
var el = $(str3);
//console.log(el);
console.log(el);

var reply_quote = el.find("aside.quote>blockquote");
console.warn(reply_quote);

$($(reply_quote).get().reverse()).each(function (i, itm) {

    console.log("ITEM:", itm);
    //var o_p = $(itm).parent("aside")[0];
    $(itm).attr("reduce", true);
    var o_p = $(itm).closest("aside")[0];
    debugger;
    var p = o_p.cloneNode(true);
    var title = $(p).find("div.title");
    //var img = $(title).find("img.avatar");
    var img = $(title).find("img");
    console.log(img);
    $(p).attr("img", img.attr("src"));

    //    var avatar_src = img.attr("src");
    avatar_src =...