Question

I’m trying to know how “far” away a clicked element in the DOM is to a certain other element.

<li>item1</li>
<li>item2</li>
<li class="active">item3</li>
<li>item4</li>
<li>item5</li>
<li>item6</li>
<li>item7</li>

So when a user clicks an element it should return the distance to the active element: So item1: return -2, item4: return 1, item6: return 3, and so on.

Answer 1

I believe you could do it the index() method…

Something like this:

var value = $('li').index() - $('li.active').index();