jquery - 获取点击菜单的链接

Question

我正在使用 jQuery 在菜单上触发点击事件:

 <div id="context-menu">
      <ul class="dropdown-menu" role="menu">
        <li><a tabindex="-1">Color</a></li>
         <li><a tabindex="-1">Transparency</a></li>
         <li><a tabindex="-1">Show/Hide</a></li>
        <!-- <li class="divider"></li>
         <li><a tabindex="-1">Separated link</a></li>-->
      </ul>
    </div>

使用此代码:

$('#context-menu').on('click', function(e) {

console.log(e);

});

我会明白我怎么知道点击了哪个 li。

Answer 1

您应该为元素指定一个选择器以匹配点击

$('#context-menu').on('click', '.dropdown-menu > li', function(e) {

现在，在您的处理程序中，this 指的是被点击的 li 元素。