<ul class="ulMenu">
<li class="mains">
<a href="#" class="clicker">Main Heading 1</a>
<ul class="sub1">
<li>
<a href="#" class="clicker">Main Heading 2</a>
<ul class="sub1">
<li>
<a href="#" class="clicker">Sub Heading 1</a>
<ul class="sub1">
<li><a href="#">Sub Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 3</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 4</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 5</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
</ul>
</li>
can any one tell me how to find the index of the closest class="sub1" which is closure to corresponding <a> tag which i have clicked. when i am trying to get the index it is always giving -1