HOW TO GET THE CLICKED MENU DETAILS

john rob

Total Post:108

Points:756
Posted by  john rob
 854  View(s)
Ratings:
Rate this:

i have jquery menu like

<ul id="fileMenu">

    <li>Refresh</li>

    <li>-</li>

    <li>Exit</li>

</ul>

<ul  id="editMenu">

    <li>Add</li>

    <li>Edit</li>

    <li>Delete</li>

</ul>

i got the way to get click event on child menu items like

  $('#fileMenu').on('click', 'li', function () {

            alert("Hello"); // Or make($(this)); if you still want that extra function

        });

But, how to find out the particular menu option, i.e user clicked on Open, Exit, Edit, delete etc...

  1. Pravesh Singh

    Post:412

    Points:2888
    Re: How to get the clicked menu details

    Use clicked element context this to create jquery selector along with .text() to get the text in it.

    You will also need to add other parent ul selector(like #editMenu) to target their elements as well :

    $('#fileMenu,#editMenu').on('click', 'li', function () {

            var currenttext=$(this).text();

            alert(currenttext);

            if(currenttext=="Add"){

                //perform Add

            }else if(currenttext=="Delete"){

                //perform delete

            }else{

                //perform edit

            }   

        });

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!