Как отслеживать изменение класса?

Question

[DeniSidorenko]

Добры день есть такая задачка, с такой разметкой

<div class='wrapper'>
<div class='item'>
<div class='item'>
<div class='item active'>
<div class='item'>
</div>

При свайпе другого элемента у item меняется класс( т.е повесить обработчик в другом месте не вариант) мне надо отслеживать изменение класса, и как только он изменился получать индекс нового элемента с классом active

Не думаю что такое вообще возможно но решил спросить все же:)

Comments

[Justique]

Если для свайпа используется плагин то как обычно у них есть эвент для отслеживания свайпа

Answer 1

[Stalker_RED]

Это можно отследить при помощи MutationObserver.

Но я бы поискал возможность прицепиться к тому коду, который этот класс меняет.

Answer 2

[Айнур Валиев]

var mc = new Hammer(document.body);
        mc.on("swipe" , function(){
			$('.wrapper .item').each(function(k, v){
				if($(v).hasClass('active'))
					console.log(k)
			})
		})