选择在JQuery Menu LI元素上显示

Question

我正在尝试这个：

function initMenu() {
    $("#menu ul").hide();
    $("#menu li a").click(function() {
        $(this).addClass('selected');
        $(this).next().slideToggle('normal');
    });
}
$(document).ready(function() {
    initMenu();
});

但它将class="selected"添加到<a>属性...如何将其添加到当前<li>？

Answer 1

您点击了“A”，因此您的课程已添加到该元素中。但是，您似乎希望将其添加到标记的父级中，以便......

$("#menu li a").click(function() {
    $(this).parent().addClass('selected');
        $(this).next().slideToggle('normal');
    });

Answer 2

使用parent

function initMenu() {
        $("#menu ul").hide();
        $("#menu li a").click(function() {
            $(this).parent().addClass('selected');
            $(this).next().slideToggle('normal');
        });
    }
    $(document).ready(function() {
        initMenu();

    });

Answer 3

使用jQuery parent（）函数访问li：

function initMenu() {
    $("#menu ul").hide();
    $("#menu li a").click(function() {
    $(this).parent().addClass('selected');
        $(this).next().slideToggle('normal');
    });
}