Как отслеживать появление элементов с определенным названием класса?

Question

[Stepan007]

Есть список, который со временем обновляется
Как сделать так, чтобы при появлении новых элементов с классом .links у нас срабатывала функция по этим элементам?
Например, появился один элемент, сработала функция только на него (а не на все 10 с учётом предыдущих 9 уже существовавших до)

Как в mutation при добавлении новых элементов получать ссылку на новые элементы с классом links и что бы они не повторялись, а каждый раз ссылались только на новые после тех, что пару секунд назад уже были добавлены тоже.

var target = document.querySelector('body');
const config = {
    childList: true
};

const callback = function(mutationsList, observer) {
...
};

const observer = new MutationObserver(callback);
observer.observe(target, config);

Answer 1

[Максим Морев]

MutationObserver

Comments

[Stepan007]

А как получать ссылку на новый элемент?

[Максим Морев]

Stepan007, ну сделайте console.log вашего mutationsList и найдёте в addedNodes.

[Stepan007]

Максим Морев, беда в том, что после ещё одного добавления он показывает не новые элементы, а старый + новый
Как итог, добавил один, появился один новый с нашим классом
Добавил ещё один, уже отображается этот один старый и один новый, и того в списке уже 2 элемента можно найти с нужным нам классом
А как мне каждый раз именно на новые попадать?

[Максим Морев]

Stepan007, ну, код в песочнице в студию.
По описанию вы элементы не добавляете, а очищаете контейнер и добавляете новые элементы в количестве на один большее, чем было...