javascript - 如何获取点击的菜单详情

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

试试这个 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>