如何知道在bootstrap中单击了哪个菜单项

我想知道在引导程序菜单中单击了哪个元素。

我有一个下拉菜单,所以我想知道哪个菜单项被点击了,我想将它存储在浏览器本地存储中怎么做?

JS FIDDLE

我尝试了这个以获取单击的菜单项但它不起作用:

还有如何从数据库中存储和检索它们的值?

将一个委托点击事件添加到.dropdown-menu : –

更新小提琴

 $('.dropdown-menu').on('click', 'a', function(e){ // 'this' is the clicked anchor var text = this.text; var href = this.href; alert(text); // here add to local storage; }); 
   

首先,您必须更具体地说明要添加侦听器的元素。 您必须为这些元素添加特定的类。 然后你可以使用jQuery轻松完成这个:

 $(".yourClassName"){ //$(this) will refer to the element } 

这样,您可以在本地存储中存储被点击元素的内容:

 $(".yourClassName"){ var value = $(this).text(); var id = $(this).attr("id"); localStorage.setItem(id , value ); } 

这样你就可以检索它们的价值:

 var value = localStorage.getItem(itemId);