How to find the index
How to find the index
<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>
<li class="mains">
<a href="#" class="clicker">Main Heading 2</a>
<ul class="sub1">
<li>
<a href="#" class="clicker">Main Heading 2</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 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>
</ul>.
hi i am new to jquery i want to find the index of class=".sub1" from class=".mains" when i click on corresponding <a> tag.
i tried like $(this).parents(".mains .sub1").length;
but it is not working.