Home/ Questions/Q 6236971
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T10:56:35+00:00

Hi I have a drop down menu by using LI & UL tag .

  • 0

Hi I have a drop down menu by using LI & UL tag .

Eg.

<ul>

         <li><a href="#">Parent 1</a>
         <ul>
            <li id = "Child 1"><a href="#">Child 1</a></li>
            <li id = "Child 2"><a href="#">Child 2</a></li>
         </ul>
         </li>
         <li><a href="#">Parent 2</a>
         <ul>
            <li id = "Child 3"><a href="#">Child 3</a></li>
            <li id = "Child 4"><a href="#">Child 4</a></li>
         </ul>
         </li>
</ul>

Now my problem is when I click on Child 1 then in the resultant div should display Parent 1: Child 1 . How can I achieve this?

Thank You.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <ul>

         <li><a href="#">Parent 1</a>
         <ul>
            <li id = "Child 1"><a href="#" onclick="alert(this.parentNode.parentNode.parentNode.firstChild.innerText + ':' + this.innerText)">Child 1</a></li>
            <li id = "Child 2"><a href="#">Child 2</a></li>
         </ul>
         </li>
         <li><a href="#">Parent 2</a>
         <ul>
            <li id = "Child 3"><a href="#">Child 3</a></li>
            <li id = "Child 4"><a href="#">Child 4</a></li>
         </ul>
         </li>
</ul>

    The reason for this is that you click the link. So you have to go up throught the ul, to the li, and then get its first client, which is the link containing Parent1.

    • 0