Php 如何处理材质设计灯光mdl菜单中的事件

我使用的是材质设计灯，没有任何其他框架，如Angular或android。只是简单的旧PHP、Jquery、MDL-min css和js。 简单菜单

<button id="lang-switcher" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect">
    <i class="material-icons">language</i>
</button>
<ul id="lang-switcher-items" class="mdl-menu mdl-js-menu mdl-menu--top-left" for="lang-switcher">
    <li class="mdl-menu__item">EN English</li>
    <li class="mdl-menu__item">RU Русский</li>
    <li class="mdl-menu__item">UK Українська</li>
    <li class="mdl-menu__item">PL Polski</li>         
</ul>

语言

英语
菜单项
英国
PL Polski

菜单项单击必须运行js函数，如

setLanguage（language）

---

如何为“mdl菜单项”单击创建侦听器？我应该为每个

li

使用Jquery

。单击（function（））

，还是使用

mdl菜单的任何其他方法，如
选择
元素？
使用Jquery的单击事件并将其与类绑定。还为您的li元素定义一个ID，以便了解单击了哪个元素。看看下面的例子

$(".mdl-menu__item").click(function(){
   var id = $(this).attr("id");
   alert(id+"was clicked");
})

为了演示我已经创建了一个
捕获单击确实可以如图所示工作-我只想补充一点，您可以在单击处理程序中声明一个附加参数，以获取单击元素taht的单击事件容器（而不是使用DOM ID）