JSFiddle - React, Tailwind, and code Playground

by mshufrich

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, ссилка якого була хоча б один раз натиснена. */

var $click = $("ui.list");

$click on("click", function(add){
    var $list = $(add.target);
    $list.parent().attr("data-clicked",true);
    console.log($link.text());
});