Кто у элемента родитель и какой класс обозначает активность:
const parentSelector = '.xlist';
const className = 'active';
// ну и ещё сам элемент, но он дальше не везде нужен
const el = document.querySelector(`${parentSelector} > .${className}`);
Какие есть варианты получения индекса:
const index = Array.prototype.findIndex.call(
document.querySelector(parentSelector).children,
n => n.classList.contains(className)
);
или
const index = el ? [...el.parentNode.children].indexOf(el) : -1;
или
let index = -1;
for (let n = el; n; n = n.previousElementSibling, index++) ;
