JSFiddle - React, Tailwind, and code Playground

by oceog

HTML

<div>
    <div class="edit">Click me</div>
    <div class="edit">Click me</div>
</div>

JavaScript

jQuery(function ($) {
    $('.edit').parent().on('click', '.edit', function () {
        var $this = $(this),
            ok = $('<input class="ok" type="button">').val("ok"),
            input = $('<input type="text">').val($this.text());
        $this.addClass('absolute').removeClass('edit');
        $this.html(input).append(ok);
        ok.click(save);
        function save() {
            $this.empty();
            $this.text(input.val());
            $this.removeClass('absolute').addClass('edit');
        }
    });
});