JSFiddle - React, Tailwind, and code Playground

by boushley

HTML

<a href="http://www.google.com">Google</a>

<div id="output">
    <p></p>
</div>

JavaScript

$('a').each(function() {
    var itemHref = $(this).attr('href');
    var itemDiv = '#output';

    if (itemHref != "#") {

        var divText = itemDiv + " p:last";
        var itemDivText = $(divText).html();
        var itemHrefTarget = $(this).attr("target");
        
        if (itemHrefTarget != "") {
            itemHrefTarget = " target=" + '"' + itemHrefTarget + '"';
        } else {
            itemHrefTarget = " target=" + '"' + "_blank" + '"';

        }
        var divLink = "<a href=" + '"' + itemHref + '"' + itemHrefTarget + ">Lees meer.</a>";

        if (itemDivText != divLink) {
            itemDivText = itemDivText + "<p>" + divLink + "</p>";
            $(divText).html(itemDivText);
            
            console.log(itemDivText);
        }

    }
});