title: How can i find the index of parent clicking child
body: <p>On clicking child, I want to know the parent index no. Example, there is a div with 3 ul's when I click on each ul's child, it should show the parent index no. of it's parent. How can I get this?</p>
  
  <p>jQuery:</p>
  
  <pre><code>$('.opSection').on('click','li',function(){
  
      var num = $(this).parent('ul').index();
  
      alert(num);
  
      //alert(chartData.Indices[$(this).index()][$(this).index()]);
  
      })
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;div class="opSection"&gt;//parent of all
  &lt;dl&gt;&lt;dd&gt;
          &lt;ul class="selectGroup" title='allIndia' data-select='1'&gt;
              &lt;li data-index="123" class="c_on"&gt;All India&lt;/li&gt; // when i click any of li i need 0
          &lt;/ul&gt;
  
          &lt;ul class="selectGroup" title='allIndia' data-select='1'&gt;
              &lt;li data-index="123" class="c_on"&gt;All India&lt;/li&gt; // when i click this, i need 1
          &lt;/ul&gt;
  &lt;/dd&gt;&lt;/dl&gt;
      &lt;/div&gt;
  </code></pre>