JSFiddle - React, Tailwind, and code Playground

by vysohanych

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 $link=$(e.target);

    $link.parent().attr("data-clicked", true);
    
    console.log($link.text());    
});