JSFiddle - React, Tailwind, and code Playground

by Alexis LĂłpez Espinoza

HTML

<body>    
    <article class="post">
        <div class="content">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem id numquam excepturi itaque consequatur culpa quaerat impedit qui eligendi provident mollitia minima cupiditate sint? Corporis unde fugiat amet commodi iste.
        </div>
        <footer class="tags">
            <nav>
                <ul>
                    <li><a href="#">tag1</a></li>
                    <li><a href="#">tag2</a></li>
                    <li><a href="#">tag3</a></li>
                    <li><a href="#">tag4</a></li>
                    <li><a href="#">tag5</a></li>
                </ul>
            </nav>
        </footer>
    </article>   
    <article class="post">
        <div class="content">            
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem id numquam excepturi itaque consequatur culpa quaerat impedit qui eligendi provident mollitia minima cupiditate sint? Corporis unde fugiat amet commodi iste.
        </div>
        <footer class="tags">
            <nav>
                <ul>
                    <li><a href="#">tag1</a></li>
                    <li><a href="#">tag2</a></li>
                    <li><a href="#">rosita</a></li>
                    <li><a href="#">tag4</a></li>
                    <li><a href="#">tag5</a></li>
                </ul>
            </nav>
        </footer>
    </article> 
</body>

CSS

.post {
    width: 50%;
    padding: 10px;
    margin-bottom: 20px;
    background: #ccc;
    overflow: hidden;
}

.pink {
    background: pink;
}

.content {
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
}

a {
    color: #0665A9;
    text-decoration: none;
}

a:hover { text-decoration: underline;}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    float: left;
    margin-left: 10px;
}

JavaScript

$.each($(".post a"), function(indice, enlace){
    if ($(this).text() == "rosita"){
        $(this).parents(".post").addClass("pink");
    }
});