title: OWL Carousel: Getting index of object that is clicked
body: <p>So I am trying to use the Carousel for navigation on a UI that I am designing, I'm just wondering if there is a way to easily get the index of one of the div objects within the carousel.</p>
  
  <p>I am trying to make it when I click one of the divs, that it centers it within the carousel, so if I can get the index of the div that has been clicked I can then call the code below to set that as the center item.</p>
  
  <pre><code>var owl = $('.owl-carousel');
  owl.owlCarousel();
  owl.trigger('to.owl.carousel', NUMBEROFDIVCLICKED);
  </code></pre>
  
  <p>Image of what i'm trying to do:
  <img src="https://i.stack.imgur.com/DeFsV.png" alt="To-be picture of movement of items"></p>