How can i find the index of parent clicking child
<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>
