سوال: بدست آوردن لیست id های پدر و فرزند یک لیست

سلام
فرض کنید کد زیر را داریم



<!DOCTYPE html>

<html lang="en">





<head>

    <title></title>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>

        body {

            padding: 20px;

        }

        

        ul {

            list-style: none;

            margin: 5px 20px;

        }

        

        li {

            margin: 10px 0;

        }

    </style>

</head>









<body>

    <nav>

        <ul id="01">

            <li id="11">

                <a href="">1</a>

            </li>

            <li id="12">

                <a href="">2</a>

            </li>

            <li id="13">

                <a href="">3</a>

                <div class="sub">





                    <ul id="02">

                        <li id="21">

                            <a href="">4</a>

                        </li>

                        <li id="22">

                            <a href="">5</a>

                        </li>

                        <li id="23">

                            <a href="">6</a>

                        </li>

                    </ul>

                    <ul id="03">

                        <li id="31">

                            <a href="">7</a>

                        </li>

                        <li id="32" class="current">

                            <a href="">8</a>

                        </li>

                        <li id="33">

                            <a href="">9</a>

                        </li>

                    </ul>

                    <ul id="04">

                        <li id="41">

                            <ul id="041">

                                <li id="411">

                                    <a href="">2</a>

                                </li>

                                <li id="412">

                                    <a href="">3</a>

                                </li>

                                <li id="413">

                                    <a href="">4</a>

                                </li>

                            </ul>

                        </li>

                        <li id="51">

                            <a href="">3</a>

                        </li>

                        <li id="61">

                            <a href="">4</a>

                        </li>

                    </ul>





                </div>

            </li>

            <li id="71">

                <a href="">2</a>

            </li>

            <li id="72">

                <a href="">7</a>

            </li>

            <li id="73">

                <a href="">3</a>

            </li>

            <li id="74">

                <a href="">5</a>

            </li>

        </ul>

    </nav>

    <script src="jquery-3.3.1.min.js"></script>

    <script>

        $('li').click(function() {

        });

    </script>

</body>





</html>

حال می خواهم
الف) اگر بروی li ی کلیک کردم لیست id والدهای li بدست بیاورم
ب)اگر بروی li ی کلیک کردم لیست id فرزندهای li بدست بیاورم
باتشکر