jquery - 如何使用jquery联系叔叔

Question

<div id="grandfather">
  <div id="uncle"></div>
  <div id="father>
    <div id="me"></div>
  </div>
</div>

我在 $("#me") ，我想选择我的叔叔，使用以下内容：

 $("#me").find("#uncle")
 $("#me").next("#uncle")
 $("#me").prev("#uncle")

如何 ？

Answer 1

您可以使用$.parent并$.prev假设您的叔叔总是在您父亲之上：

$(this).parent().prev(); // where 'this' is #me

你也可以一直走到你的祖父那里，从那里找到叔叔：

$(this).parents("#grandfather").find(".uncles");

或者你可以搜索你父亲的兄弟姐妹：

$(this).parent().siblings("#uncle");

我鼓励您阅读 jQuery API 的遍历部分以了解其他各种方法。

Answer 2

var uncle = $('#me').parent().prev();

Answer 3

$(this).parent().prev().append("This is uncle");