JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<a class="first" href="#">change value</a>

<a class="second" href="#">get value</a>

<div class="value" data-test="test">test</div>

JavaScript

$(document).ready(function () {
    $('.first').on('click', function (e) {
        e.preventDefault();

        $('.value').html($(this).text()).removeData('test').attr('data-test', $(this).text());
    });

    $('.second').on('click', function (e) {
        e.preventDefault();

        $value = $('.value').text();
        $data = $('.value').data('test');
        alert($data);
    });
});