JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<p class="test">
  <a href="#">固定リンク</a>
  
</p>

<ul class="list">
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
</ul>

JavaScript

$('.test').on('click', 'a', function(){
	alert('クリックしました！');
});


$('.test').append('<a href="#">動的要素</a>');

var $list = $('.list li');

$list.on('click', function(){
	console.log( $(this).index() );
});