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


$click=$(".list")

$click.on("click", function(add){

    var $list=$(add.target);

    $list.parent().attr("data-clicked",true);
        
    alert($list.text());    
});