如何使用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的Traversing部分以了解各种其他方法。

Answer 2

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

Answer 3

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