Как получить кликали детали меню

Question

У меня есть меню JQuery, как

<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> 

я получил способ получить нажмите событие по пунктам меню как ребенок

$('#fileMenu').on('click', 'li', function() { 
      alert("Hello"); // Or make($(this)); if you still want that extra function 
     }); 

Но, как выяснить частности , то есть пользователь нажал кнопку «Открыть», «Выход», «Редактировать», «Удалить» и т. д. ...

Answer 1

Используйте контекст элемента с щелчком this, чтобы создать селектор jquery вместе с .text(), чтобы получить текст в нем.

Вам также необходимо добавить другой селектор родительских уль (как #editMenu) нацеливать свои элементы, а также :

$('#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 2

Попробуйте Fiddle

$('#fileMenu').on('click', 'li', function() { 
 
      var text=$(this).text() 
 
    alert("Hello you clicked" + " " + text); // Or make($(this)); if you still want that extra function 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<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>

Answer 3

Вы для достижения этого используйте идентификаторы списков [#fileMenu, #editMenu]. Ниже скрипта поможет вам разобраться.

Fiddle: http://jsfiddle.net/8bv9h3um/

$('#fileMenu, #editMenu').on('click', 'li', function() { 
      alert($(this).text()); 
});