如何在点击时获取子菜单的ID？

Question

请告诉我如何在用户点击子菜单时获取id警报。 实际上我正在添加按钮点击的子菜单，其中包含ID＆＃34; menu_tc_1＆＃34;，＆＃34; menu_tc_2＆＃34;。我想点击子菜单？并显示警报？

http://jsfiddle.net/eHded/1553/

$(document).on('click',".menuClick",function(){

 alert('jii'+this.id)   
})

Answer 1

试试这个

$(document).on('click',".menuClick li",function(e){
    alert('jii'+this.id)   
    $(".menuClick li").removeClass("active");
    $(this).addClass("active");
    e.stopPropagation();
})

这将解决您的问题。

<强> Demo

Answer 2

您需要聆听菜单元素的点击，而不是整个菜单。

$(document).on('click',".menuClick a",function(e){
 alert('jii'+$(this).parent().prop('id'))   
})

您点击a，找到它的父母id

http://jsfiddle.net/eHded/1565/

Answer 3

试试这个：

$(document).on('click', ".menuClick ul li > a", function () {
    alert('jii' + $(this).parent().attr('id'));
});

假设您想要在单击添加按钮时添加到菜单中的子元素。

编辑：将选定的类添加到父li元素：

$(document).on('click', ".menuClick ul li > a", function () {
    $(this).parent().addClass('selected');
});