如何知道在bootstrap中单击了哪个菜单项
我想知道在引导程序菜单中单击了哪个元素。
我有一个下拉菜单,所以我想知道哪个菜单项被点击了,我想将它存储在浏览器本地存储中怎么做?
JS FIDDLE
我尝试了这个以获取单击的菜单项但它不起作用:
document.addEventListener('click', function(e) { alert(e.target.id); });
还有如何从数据库中存储和检索它们的值?
将一个委托点击事件添加到.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);