JSFiddle - React, Tailwind, and code Playground

by Anand Rathod

HTML

<body class="foo">
    <a href="#" class="foo bar">link text</a>
    <a href="#" class="bar">link text</a>
</body>

CSS

.bodySharesClass {
    color: #000;
    background-color: #f90;
    text-decoration: none;
}

JavaScript

if (!document.createElement().classList){
    var useAttr = true;
}

$('a').each(
    function(i) {
        var classes = [];
        if (!useAttr){            
            classes = this.classList;
        }
        else {
            classes = $(this).attr('class');
        }
        for (var i=0,len=classes.length; i<len; i++){
            if ($('body').hasClass(classes[i])){
                $(this).addClass('bodySharesClass');
            }
        }
    });