Jquery选择器-影响同一DOM元素中的元素

Jquery selector - affecting element inside same DOM element

本文关键字:元素 DOM 选择器 影响 Jquery      更新时间:2023-09-26

我的CMS将菜单生成为没有任何id和类的列表。对于子菜单,有嵌套列表。

我做了一个jquery脚本来展开子菜单:

$(function () {
    $(".wrapper ul li").click(function () {
        if ($(this).has("ul").length) {
            $("a", this).removeAttr('href');
            $("ul", this).slideToggle();
        }
    });
});

我的问题是,这个脚本反应点击整个li区域,我希望它反应点击链接在li。当然,我只需要添加"a"到selector making it。但如果有ul嵌套在li条件检查呢?还有滑动切换选择器。我该怎么换呢?

只需对原始代码进行最小的修改即可。

$(function () {
    $(".wrapper ul li a").click(function ()
        {
            this = $(this).parent();
            if ($(this).has("ul").length) {
                $("a", this).removeAttr('href');
                $("ul", this).slideToggle();
            }
        }
    );
});

测试并查看是否有效。我还没有测试过。欢呼声