JSFiddle - React, Tailwind, and code Playground

by Arshad Muhammed

HTML

<ul>
  <li class='a'>
    1
  </li>
  <li class='a'>
    2
  </li>
</ul>
<button>
  Append
</button>
<h1>
Click me and see the console before and after appending
</h1>

JavaScript

$('button').click(function() {
  $('ul').append("<li class='a'>3</li><li class='a'>4</li>");
});
$('h1').click(function() {
  $('.a').each(function() {
		console.log($(this).text());
  })
})