JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<!DOCTYPE html>
<html>
    
    <head>   
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    </head>
    
    <body>
        <ul class="list">
            <li><a href="#">First</a></li>
            <li><a href="#">Second</a></li>
            <li><a href="#">Third</a></li>
        </ul>
    </body>

</html>

JavaScript

/* Підпишіться на подію "click" елемента ul, функція-обробник події повинна виводити текст натисненої ссилки ("First", "Second" і т.д.), а також повинна додавати атрибут data-clicked = true до елемента li, ссилка якого була хоча б один раз натиснена. */

$("ul.list").on("click", function(e){
    var $el=$(e.target);
    if(e.target.localName==="a"){
        $el.parent().attr("data-clicked",true);
    }
    console.log($el.text());    
});