Как узнать какой по счёту элемент в dom дереве имеет определённый класс?
const index = Array
  .from(document.querySelectorAll('div > p'))
  .findIndex(n => n.classList.contains('there'));
Если других вложенных элементов кроме p нет, а .there точно есть, то ещё так можно:

const el = document.querySelector('.there');
const index = [...el.parentNode.children].indexOf(el);
И вдогонку может пригодиться:var index = $("div p.there").index();