如何获取ID多个jQuery onclick？

Question

    <script src="jquery-3.2.1.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function() {
                $('.link').click(function(e) {
                    e.preventDefault();
                $.ajax({
                type: "GET",
                url: "index.php",
                data: {
                            activeMenu: this.id
                      },
                success: function(data) {
                $("#state-list").html(data);
             }
             });
          });

                 $('.linka').click(function(e) {
                var teks = $(".link").attr("id");
                e.preventDefault();
                    $.ajax({
                    type: "GET",
                    url: "index.php",
                    data: {
                            activeMenu: teks,
                            activeSubMenu: this.id
                          },
                    success: function(data) {
                    $("#city-list").html(data);
                }
            });
            });
            });
    </script>

    <div id='country-list' >
         <div id='state-list' >
            <div id='city-list' >       
        <ul>
            <li><a href="#" name="link"  id="<?php echo $menu['idcountry']; ?>" class="link"  >
                  <?php echo $menu['namecountry']; ?>
               </a>             
                    <ul>
                        <li><a href="#" name="linka" id="<?php echo $key['idstate']; ?>" class="linka"  >
                            <?php echo $key['namestate']; ?>
                            </a>                                
                                <ul>
                                    <li><a href='<?= $_SERVER['PHP_SELF'] ?>'><?php echo $var['namakota']; ?></li>
                                </ul>
                        </li>

                    </ul>
            </li>
        </ul>
            </div>
         </div>
    </div>

如何使用jquery检索具有相同ID的值？当我单击第一个显示器时，我看到了“链接”，但是我单击了第二个显示器，则没有任何反应。另外，当我单击第二个名称时，它显示“ linka”。

根据我们的点击显示ul li的位置，请帮助我

我想这样显示它，当我们单击第一个li时，出现子项，而当孩子单击时，出现子项。 请帮助

       <div id='country-list' >
         <div id='state-list' >
            <div id='city-list' >
        <ul>
            <li>1</li>
            <li>2

                    <ul>
                        <li>2.1</li>
                        <li>2.2

                                <ul>
                                    <li>2.2.1</li>
                                    <li>2.2.2</li>
                                    <li>2.2.2</li>
                                </ul>

                        </li>
                        <li>2.3</li>
                        <li>2.4</li>
                    </ul>

            </li>
            <li>3</li>
            <li>4</li>
          </ul>
            </div>
          </div>
      </div>