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

[Арсений JustPuk]

Добрый день. Туплю сильно, прошу не бить )
Есть скрипт Vivus для анимации SVG. Нужно запускать анимацию только при наличии у родителя класса active. Прошу помочь.
Структура документа

<div class="class active (active добавляется динамически)">
<div class="">
<div class="">
<svg id="svg-id">
</div>
</div>
</div>

Обработчик

var svgId = new Vivus('svg-id', {start: 'manual'});
if($('#svg-id').parent(.class).hasClass('active')) svgId.play(1);

[EmperioAf]

с помощью classList.contains можно проверить наличие класса у DOM-элемента:
https://developer.mozilla.org/ru/doc...ment/classList

[Арсений JustPuk]

Не могли бы вы чуть подробнее. Как на практике применить.

[EmperioAf]

ну наверное так :

if (document.querySelector('.class').classList.contains('active'){
    var svgId = new Vivus('svg-id', {start: 'manual'});
    if($('#svg-id').parent(.class).hasClass('active')) svgId.play(1);
}

[рони]

).parents(кавычки.classкавычки).

[Арсений JustPuk]

Ошибку Uncaught SyntaxError: Unexpected token выдает

[рони]

Unexpected token выдает

на какую строку кода?

[EmperioAf]

Ошибку Uncaught SyntaxError: Unexpected token выдает

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

if (document.querySelector('.class').classList.contains('active')){
    var svgId = new Vivus('svg-id', {start: 'manual'});
    if($('#svg-id').parent(.class).hasClass('active')) svgId.play(1);
}

[Арсений JustPuk]

Очень странно. Я думал, что этот вызов будет работать. Не могли бы вы помочь, не могу запустить анимацию

[рони]

parent(.class)