在jQuery中捕获父元素中的子元素

Question

如何使用jQuery捕获brother元素，即父元素中的子元素？

HTML

<div class="fruit">
  <div class="apple"></div>
  <a class="mango"></a>
</div>

Jquery的

$(".apple").bind("mouseover", function () {
  $(this).parent.child(".mango").text("banana");
});

Answer 1

使用jQuery的next()或siblings()函数：

$(".apple").bind("mouseover", function () {
  $(this).next().text("banana");
});

Answer 2

DEMO：http://jsfiddle.net/5Y9mG/5/
试试这个：

 $(".apple").bind("mouseover", function () {
                $(this).siblings(".mango").text("banana");
   });

Answer 3

鉴于您控制了一个孩子并需要定位一个兄弟，首先引用一个父母，然后开始查看它。

在这里，我们首先使用$(this).parent()定位父级，然后使用find(".mango")查看父级内容：

$(".apple").bind("mouseover", function () {
  $(this).parent().find(".mango").text('banana');
});