jQuery：从较低级别的链接中选择一个上一级别的链接

我正在处理一个无序的链接列表，它有两个级别：

   <ul class="level-1">
      <li class="item-a"><a href="#">A</a></li>
      <li class="item-b"><a href="#">B</a>
        <ul class="level-2">
          <li class="item-1"><a href="#">1</a></li>
          <li class="item-2"><a href="#">2</a></li>
          <li class="item-3"><a href="#">3</a></li>
        </ul>
      </li>
      <li class="item-c"><a href="#">C</a></li>
    </ul>

我单击其中一个.level-2链接，并希望从包含已单击链接的列表中选择更高级别的链接。例如，我单击1、2或3，然后选择B

如果我点击的链接被选为$this.find'a'-我如何选择更高级别的链接

谢谢你的建议

结合使用最近函数和查找函数API引用和：

下面是一个JSFIDLE:

使用最接近的函数和查找函数API引用的组合，以及：

---

这里有一个jsFiddle:

一种方法是向上到最近的位置，然后再向上到最近的位置，然后再向下到最近的位置

---

一种方法是向上到最近的位置，然后再向上到最近的位置，然后再向下到最近的位置 您可以使用以下选项：

$(document).ready(function() {
    $("ul.level-2 a").click(function () {
       alert($(this).closest('ul.level-2').parent().find('a').html()); 
    });
});

查看工作示例：

您可以使用：

$(document).ready(function() {
    $("ul.level-2 a").click(function () {
       alert($(this).closest('ul.level-2').parent().find('a').html()); 
    });
});

查看工作示例：

以供参考

$(function(){
    $("a").each(function(){
        $(this).click(function(){
            $(this).css("background-color","red");
            $(this).parents("li").children("a").css("background-color","blue");
        });
    })
})

供参考

$(function(){
    $("a").each(function(){
        $(this).click(function(){
            $(this).css("background-color","red");
            $(this).parents("li").children("a").css("background-color","blue");
        });
    })
})

---

谢谢你FishBasketGordo。不幸的是，在我的情况下，它不起作用，我想是因为有干扰jQuery代码阻止了这个选择器的工作，但我感谢您的帮助。我有点仓促。我已经在上面澄清了我的答案。是的，这就是我想要的解决方案。非常感谢。谢谢你FishBasketGordo。不幸的是，在我的情况下，它不起作用，我想是因为有干扰jQuery代码阻止了这个选择器的工作，但我感谢您的帮助。我有点仓促。我已经在上面澄清了我的答案。是的，这就是我想要的解决方案。非常感谢。完美的非常感谢@mu太短了！这正是我需要的。太好了。非常感谢@mu太短了！这正是我需要的。谢谢。这也是一个很好的解决方案。谢谢。这也是一个很好的解决方案。谢谢你，星期一。真漂亮。谢谢你，星期一。