JSFiddle - React, Tailwind, and code Playground

by r043v

HTML

<a href="#" data-test="test1" class="testclass">hello</a>
<a href="#" data-test="test2" class="testclass">hello</a>
<a href="#" data-test="test3" class="testclass">hello</a>
<a href="#" data-test="test4" class="testclass">hello</a>
<a href="#" data-test="test5" class="testclass">hello</a>
<a href="#" data-test="test6" class="testclass">hello</a>

JavaScript

$(document).on("click", ".testclass", function() {
        alert( $(this).attr('data-test') );
});

$("<span data-test=\"test7\" class=\"testclass\">hello</span>").appendTo("body");
$("<span/>",{ "data-test":"test8", class:"testclass" }).html("hello").appendTo("body");