JSFiddle - React, Tailwind, and code Playground

by whoamiwho

HTML

<ul id="demo">
    <li>一</li>
    <li>二</li>
    <li>三</li>
</ul>

CSS

#demo>li {
  cursor:pointer;
  margin:10px 50px;
}

JavaScript

$("#demo").on('click', 'li' , function(){
   alert($(this).text()); 
});
    
var new_li = $("<li>四</li>");

new_li.appendTo($("#demo"));