Как отследить динамическое добавление элемента в div, ul и т.п.?

[Женя32]

Здравствуйте!
Подскажите пожалуйста, как отследить добавление в div, например, ul? или li в ul...

          
          <div id="myD">
                    <ul><!-- создается динамически -->
                       <li class:="myC">...</li><!-- добавляется динамически -->
                  </ul>
           </div>

[Alex11223]

Зачем? Есть MutationObserver, но обычно есть более простые варианты.

[Женя32]

Что-то не срабатывает...
Я правильно сделал?:

       
         var target = document.querySelector(".myD ");
         var observer = new MutationObserver(function(mutations) {{ 
                      mutations.forEach(function(mutation) {
                               alert("Сработало!");
                           });
                   });
                var config = { attributes: true, childList: true, characterData: true };

[Женя32]

Сообщение от Alex11223

... обычно есть более простые варианты.

Какие?... Можно примерчик?...

[Alex11223]

Смотря для чего.

Сообщение от Женя32

Что-то не срабатывает

https://learn.javascript.ru/devtools
https://learn.javascript.ru/debugging-chrome
http://blog.algoprog.ru/how-to-debug-small-programs/

[Serge_Bliznykov]

Сообщение от Женя32

Подскажите пожалуйста, как отследить добавление в div, например, ul? или li в ul...

а подскажите, пожалуйста, а кто у Вас такой таинственный, без вашего ведома добавляет в DOM новые объекты?

[Женя32]

Сообщение от Serge_Bliznykov

а подскажите, пожалуйста, а кто у Вас такой таинственный, без вашего ведома добавляет в DOM новые объекты?

Функция....

[Женя32]

Посмотрите пример...: https://jsfiddle.net/x597jqu1/52/

[ADSoft]

В принципе на вновь добавляемые элементы DOM подписываются через

$(".genli").on("click",function(e) {})

[Женя32]

Сообщение от ADSoft

В принципе на вновь добавляемые элементы DOM подписываются через

$(".genli").on("click",function(e) {})

Вот: https://jsfiddle.net/x597jqu1/71/ почему-то не добавляется...