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
毎にハンドラを設定しなくても良い