JSFiddle - React, Tailwind, and code Playground

by denvut

HTML

<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>

<form>
  (нажмите на один из элементов из списка)
  <ul>
    <li>жмем</li>
    <li>жмем</li>
    <li>жмем</li>
  </ul>

<button id="edit_one" class="add_btn" type="button">Edit</button>
</form>

JavaScript

$('.add_btn').on('click', function(){alert("1");});


$('.edit_but').click(function (e) {

                alert("2");
            });

$('form').on('click', '.edit_but', function (e) {
				
                alert("2");
            });



    $('ul').on('click', "li", function(){
      var txt = $(this).text(); // вытащим текст из нажатого элемента
      alert('Вы нажали на элемент с текстом - «' + txt + '»'); // выведем сообщение с текстом
      $('#edit_one').off('click');
      $("#edit_one")
            .removeClass("add_btn")
            .addClass("edit_but");
            
      
    });