如何獲得點擊菜單細節

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()以獲取其中的文本。

您還需要添加其他家長UL選擇（如#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

你使用列表ID [#fileMenu，#editMenu]來實現這一點。小提琴會幫助你把它整理出來。

小提琴：http://jsfiddle.net/8bv9h3um/

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