title: index of matching items in parent element even if they're in other child containers
body: <p>I need to get the index of the li.play relevant to the ul.showreel_thumbnails. Is this even possible? All i seem to get is the li index inside ul.row</p>
  
  <pre><code>&lt;ul class="showreel_thumbnails"&gt;
      &lt;li&gt;
        &lt;ul class="row"&gt;
          &lt;li class="play_video"&gt;item&lt;/li&gt;
          &lt;li class="play_video"&gt;item&lt;/li&gt;
          &lt;li class="play_video"&gt;item&lt;/li&gt;
        &lt;/ul&gt;
     &lt;/li&gt;
      &lt;li&gt;
         &lt;ul class="row"&gt;
         &lt;li class="play_video"&gt;item 4&lt;/li&gt;
         &lt;li class="play_video"&gt;item&lt;/li&gt;
         &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>so if item 4 is clicked it should give me the index of 4 etc...</p>
  
  <p>best, Dan.</p>