如何使用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");