下午好，我有一个分类和子分类的菜单。它是由值组成的 在数据库中。我想得到所选菜单项或子菜单的id。但是当我点击一个子菜单时，它首先显示子菜单的id，然后显示这个子菜单所属的所有类别的id。我正在跟踪点击类“category-li”，通常使用jquery。但是如果你知道另一种方法，那么我会很高兴。谢谢。

<nav role="navigation">
        <ul class="category">
            <li class="subcategory category-li" id="category-name">category
                <ul class="category">
                    <li class="category-li" id="1">books
                        <ul class="category">
                            <li class="category-li" id="4">art
                                <ul class="category">
                                    <li class="category-li" id="6">modern</li>
                                    <li class="category-li" id="7">classic</li>
                                </ul>
                            </li>
                            <li class="category-li" id="5">scientific</li>
                        </ul>
                    </li>
                    <li class="category-li" id="2">home</li>
                    <li class="category-li" id="3">kids</li>
                </ul>
            </li>
        </ul>
    </nav>

<script type="text/javascript">
        $(".category-li li").click(function () {
            let id = $(this).attr('id');
            console.log(id);
        });
    </script>