JavaScript
jQuery

コンテナにclickハンドラ付ければ要素毎につける必要は無い

HTMLはこんな感じ

<ul>
  <li data-id="1">push</li>
</ul>

増えていくliに対してclickハンドラ付けたい場合、
今まで愚直に$('li').on('click', function() {})
を毎回やっていたけど、今日もっと良い方法を知った

let seq = 1;
$('ul').on('click', 'button', function() {
  $('ul').append('<li data-id="' + (++seq) + '">push</li>');
});

コンテナの方にclickハンドラを付けて、
on()の第二引数にセレクタを追加してやれば、li毎にハンドラを設定しなくても良い