javascript - リストに要素を追加するとき、このイベントをトリガーする最良の方法は何ですか?

Question

重複の可能性:
DOM がいつ変更されたかを識別する方法は?

<ul>要素にアクセスできるとしましょう$(ul#mylist)。
リストにアイテムが追加されたときにイベントをトリガーするにはどうすればよいですか。

以下を試してみましたが、実際にはうまくいきません。

$('ul#mylist').change(function () {
    console.log('added an element');
});

Answer 1

DOMNodeInserted イベントを聞いてみることができます

$('ul#mylist').on('DOMNodeInserted' ,function () {
    console.log('added an element');
});

li を ul に追加していて、イベントをリッスンしたい場合..

デモをチェック