如何使用jquery联系叔叔

【问题标题】：How to reach the uncle using jquery如何使用jquery联系叔叔
【发布时间】：2012-05-05 06:17:18
【问题描述】：

<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")

如何？

【问题讨论】：

【解决方案1】：

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

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

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

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

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

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

我建议您阅读 jQuery API 的 Traversing 部分以了解其他各种方法。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：