jQuery Действие при появлении определенной записи в контенте сайта

Как на jQuery/js реализовать чтобы выполнилась функция при появлении определенной надписи в контенте сайта html/text ( Слушатель на контент ).

HTML Пример:

1
2
3
<div class="content">
 <span>Тут текст который будет изменяться периодически</span>
</div>

jQuery действие при появлении записи в контенте сайта или ее изменении:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(".content").on('DOMSubtreeModified', jQuery(".content").children("span"), function() {
    var textlistener = jQuery(".content").children("span").text();
    /* console.log("Сработал слушатель"); */    
    if (textlistener == "выключен"){
        console.log("Сработало условие");
        if (jQuery(".content").hasClass("st1")){
            return;
        }
        jQuery(".content").addClass("st1");        
        return;
    }else if (textlistener == ""){
        console.log("пусто");
        return;
    }else if (textlistener == "переустанавливается"){
        console.log("переустанавливается");
        return;
    }
});

В данном примере функция сработает один раз на записи выключен. Добавит class=«st1» к class=«content» получится class=«content st1».

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *